style: add some elegance to ugly navbar link hover

kossiitkgp · Nov 16, 2024 · 898297f · 898297f
1 parent d73dec8
commit 898297f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
@@ -47,6 +47,7 @@
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     border: 2px solid rgba(255, 255, 255, .2);
     transition: 0.5s;
+    z-index: 5;
 }
 
 .profile-picture-navbar {
@@ -115,11 +116,18 @@
 .link {
     text-decoration: none;
     color: #fff;
+    transition: 0.1s;
+    border-width: 0;
+    border-color: #fbbf24;
+    border-style: solid;
+    padding: 0 0.1rem 0.3rem 0.1rem;
+    border-radius: 3px;
 }
 
 .link:hover {
-    text-decoration: underline;
-    color: #fbbf24;
+    color: #fff;
+    text-shadow: 0 0 20px rgba(255, 255, 255, .4);
+    border-bottom-width: 3px;
 }
 
 .reg-button {