Merge pull request #698 from Palak005/navbar-button-hover

Proper Hovering Effect and Styling of Navbar Buttons
piyushg-07 · Jul 25, 2024 · cfc2dfa · cfc2dfa
2 parents e22e86b + 04b7c30
commit cfc2dfa
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/css/navbar.css b/css/navbar.css
@@ -119,28 +119,37 @@ body{
     font-weight: bolder;
     color: #7D41E2;
 }
-
+#loginButton a{
+    text-decoration: none;
+    color: #f6f8f9;
+}
 #loginButton{
     border: 1px solid #208FF4;
-    background-color: transparent;
-    color: #2a95f6;
+    background-color: #208FF4;
+    color: #fcfeff;
+}
+#loginButton:hover a{
+    color: #208FF4;
 }
 #loginButton:hover{
-    border: 1px solid #f6f8f9;
-    background-color:#208FF4 ;
-    color: white;
+    border: 1px solid #208FF4;
+    background-color: transparent ;
+    color: #ffffff;
 }
 #signup:hover{
     border: 1px solid #208FF4;
     background-color: transparent;
     color: #2a95f6;
 }
+#Calender:hover{
+    border: 1px solid #208FF4;
+    background-color: transparent;
+    color: #2a95f6;
+}
 #Calender{
     border: 1px solid #f6f8f9;
     background-color:#208FF4 ;
     color: white;
-    font-size: 1.1rem;
-    padding: 1.2rem;
 }