Update mobile menu hover styles

pshenmic · Sep 26, 2024 · 1493c4f · 1493c4f
1 parent ab3d3a8
commit 1493c4f
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/frontend/src/components/layout/navbar/NavLink.scss b/packages/frontend/src/components/layout/navbar/NavLink.scss
@@ -30,14 +30,24 @@
     text-align: center;
     border: 1px solid rgba(255, 255, 255, .07);
     top: 0;
+    transition: all .1s;
 
     &--Active {
       border: 1px solid $color-brand-normal;
+      color: $color-brand-normal !important;
       background: rgba(255, 255, 255, .02);
+      cursor: default;
+    }
+
+    &:not(.NavLink--Active):hover {
+      background: rgba(255, 255, 255, .1);
+      box-shadow: 0 0px 20px 0px rgba(255, 255, 255, .25) inset;
     }
 
     &:active {
       color: #fff;
+      transform: translateY(1px);
+      background: rgba(255, 255, 255, .05);
     }
   }
 }