Feat: Add background color change on hover to nav links (louislam#4494)

harryzcy · Jun 3, 2024 · a00b4ed · a00b4ed
2 parents c919d2c + a26d93a
commit a00b4ed
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
@@ -211,6 +211,20 @@ export default {
 @import "../assets/vars.scss";
 
 .nav-link {
+    &:hover {
+        background-color: $primary;
+        color: #fff;
+
+        .dark & {
+            background-color: $primary;
+            color: #000;
+        }
+
+        &.active {
+            background-color: $highlight;
+        }
+    }
+
     &.status-page {
         background-color: rgba(255, 255, 255, 0.1);
     }