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

6 months ago · a00b4ed285
parent c919d2c990 a26d93ac52
commit a00b4ed285
1 changed files with 14 additions and 0 deletions
--- 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);
    }