From 584e341d8c76af9f6fd6a11b91033b705218d21e Mon Sep 17 00:00:00 2001 From: Ishitva Date: Fri, 2 Aug 2024 15:13:25 +0530 Subject: [PATCH] Fixed login navbar style and forgot-pass toggle icon --- assets/css/forgot-pass.css | 4 +++- assets/css/login.css | 14 ++++++++++++-- assets/html/forgot-pass.html | 2 +- assets/html/login.html | 8 ++++---- 4 files changed, 20 insertions(+), 8 deletions(-) diff --git a/assets/css/forgot-pass.css b/assets/css/forgot-pass.css index 8fbe24603..d8358b171 100644 --- a/assets/css/forgot-pass.css +++ b/assets/css/forgot-pass.css @@ -185,7 +185,9 @@ label { box-shadow: 1px 1px 10px 3px #24004628; text-align:center; } - +.dark-mode .container button { + margin: 12px auto; +} button:hover { background-color: rgb(255, 255, 255); color: black; diff --git a/assets/css/login.css b/assets/css/login.css index 03aef01e6..cf14f61df 100644 --- a/assets/css/login.css +++ b/assets/css/login.css @@ -69,8 +69,18 @@ p { text-decoration: none; background-color: none; } - -.navbar-header { +.navbar-list a{ + width: 100%; + display: flex; + justify-content: center; + position: relative; + font-size: 1.55rem; + color: var(--charcoal); + padding: 8px 12px; + line-height: 2; + transition: var(--transition-1); +} +.navbar-list { width: 100%; font-family: var(--ff-poppins); font-size: 1.55rem; diff --git a/assets/html/forgot-pass.html b/assets/html/forgot-pass.html index 2c5f2b3ec..5bc72d4c7 100644 --- a/assets/html/forgot-pass.html +++ b/assets/html/forgot-pass.html @@ -8,7 +8,7 @@ - + diff --git a/assets/html/login.html b/assets/html/login.html index d53d72ea5..30eca9a7b 100644 --- a/assets/html/login.html +++ b/assets/html/login.html @@ -4,7 +4,7 @@ - + @@ -22,7 +22,7 @@ integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> - @@ -302,7 +302,6 @@ .navbar-link { white-space: nowrap; /* Prevent text from wrapping to the next line */ - display: inline-block; /* Ensure it stays inline */ background-color: none; /* Remove background color */ border: none; /* Remove border */ text-decoration: none; /* Remove text underline */ @@ -312,6 +311,7 @@ .navbar-list{ display: flex; gap: 10px; + justify-content: center; } @@ -328,7 +328,7 @@