Przeglądaj źródła

refactor: enhance button hover styles and maintain border consistency in PageSelectionMethodButtons

Shun Miyazawa 8 miesięcy temu
rodzic
commit
41f8cdfac7

+ 17 - 2
apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/PageSelectionMethodButtons.module.scss

@@ -3,11 +3,26 @@
 // == Colors
 // == Colors
 .page-selection-method-buttons :global {
 .page-selection-method-buttons :global {
   .page-selection-method-btn {
   .page-selection-method-btn {
-      border: 2px solid bs.$gray-300;
       &:hover {
       &:hover {
         color: var(--bs-primary);
         color: var(--bs-primary);
         background-color: rgba(var(--bs-primary-rgb), 0.1);
         background-color: rgba(var(--bs-primary-rgb), 0.1);
-        border-color: var(--bs-primary)
+        border-color: var(--bs-primary) !important;
       }
       }
     }
     }
 }
 }
+
+@include bs.color-mode(light) {
+  .page-selection-method-buttons :global {
+    .page-selection-method-btn {
+      border: 2px solid bs.$gray-300;
+    }
+  }
+}
+
+@include bs.color-mode(dark) {
+  .page-selection-method-buttons :global {
+    .page-selection-method-btn {
+      border: 2px solid bs.$gray-600;
+    }
+  }
+}