style: language cards hover

webofpies · Feb 6, 2025 · 0b42dfa · 0b42dfa
1 parent 8493572
commit 0b42dfa
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/frontend/src/features/language/components/LanguageCards/LanguageCards.module.css b/frontend/src/features/language/components/LanguageCards/LanguageCards.module.css
@@ -11,4 +11,16 @@
   user-select: none;
   padding: 0.5rem 0.7rem 0.5rem 0.5rem;
   width: min-content;
+
+  &[data-checked] {
+    border-color: var(--mantine-primary-color-filled);
+  }
+
+  &:hover {
+    background-color: var(--mantine-color-gray-0);
+  }
+}
+
+[data-mantine-color-scheme="dark"] .card:hover {
+  background-color: var(--mantine-color-dark-6);
 }