更新 login css

css/all.css

@@ -89,11 +89,16 @@ body {
 #navbar .navbar .container-fluid {
   padding: 0 2.5rem;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1400px) {
   #navbar .navbar .container-fluid {
     padding: 0 1.5rem;
   }
 }
+@media (max-width: 1200px) {
+  #navbar .navbar .container-fluid {
+    padding: 0 1rem;
+  }
+}
 @media (max-width: 991px) {
   #navbar .navbar .container-fluid {
     padding: 0;
@@ -112,15 +117,22 @@ body {
   color: #34404b;
   border-bottom: 4px solid transparent;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1400px) {
   #navbar .navbar .navbar-nav .nav-item .nav-link {
     padding: 1.5rem 0.8rem;
     font-size: 1rem;
   }
 }
+@media (max-width: 1200px) {
+  #navbar .navbar .navbar-nav .nav-item .nav-link {
+    padding: 1.5rem 0.5rem;
+    font-size: 0.875rem;
+  }
+}
 @media (max-width: 991px) {
   #navbar .navbar .navbar-nav .nav-item .nav-link {
     padding: 1rem 0;
+    font-size: 1rem;
     border-bottom: none;
   }
 }
@@ -220,6 +232,16 @@ body {
 #navbar .navbar .logo {
   width: 130px;
 }
+@media (max-width: 1200px) {
+  #navbar .navbar .logo {
+    width: 115px;
+  }
+}
+@media (max-width: 991px) {
+  #navbar .navbar .logo {
+    width: 130px;
+  }
+}
 #navbar .navbar .search-text {
   color: #ee751b;
 }
@@ -232,6 +254,18 @@ body {
   padding: 10px 20px;
   margin-left: 50px;
 }
+@media (max-width: 1200px) {
+  #navbar .navbar .renovation-btn {
+    padding: 10px 15px;
+    margin-left: 20px;
+    font-size: 0.875rem;
+  }
+}
+@media (max-width: 991px) {
+  #navbar .navbar .renovation-btn {
+    font-size: 1rem;
+  }
+}
 
 .navbar-toggler {
   border-color: transparent !important;
@@ -258,6 +292,18 @@ body {
   }
 }
 
+#app_user .user-avatar {
+  height: 30px;
+  width: 30px;
+  border-radius: 100px;
+}
+#app_user .dropdown:hover .dropdown-menu {
+  display: block;
+}
+#app_user .dropdown-toggle::after {
+  display: none !important;
+}
+
 /* Navbar End */
 /* Footer Start */
 .footer {

css/all.scss

@@ -111,10 +111,14 @@ body {
     .container-fluid {
       padding: 0 2.5rem;
 
-      @media (max-width: 1200px) {
+      @media (max-width: 1400px) {
         padding: 0 1.5rem;
       }
 
+      @media (max-width: 1200px) {
+        padding: 0 1rem;
+      }
+
       @media (max-width: 991px) {
         padding: 0;
       }
@@ -134,13 +138,19 @@ body {
           color: #34404b;
           border-bottom: 4px solid transparent;
 
-          @media (max-width: 1200px) {
+          @media (max-width: 1400px) {
             padding: 1.5rem .8rem;
             font-size: 1rem;
           }
 
+          @media (max-width: 1200px) {
+            padding: 1.5rem .5rem;
+            font-size: .875rem;
+          }
+
           @media (max-width: 991px) {
             padding: 1rem 0;
+            font-size: 1rem;
             border-bottom: none;
           }
 
@@ -269,6 +279,14 @@ body {
 
     .logo {
       width: 130px;
+
+      @media (max-width: 1200px) {
+        width: 115px;
+      }
+
+      @media (max-width: 991px) {
+        width: 130px;
+      }
     }
 
     .search-text {
@@ -283,6 +301,16 @@ body {
       border-radius: 3px;
       padding: 10px 20px;
       margin-left: 50px;
+
+      @media (max-width: 1200px) {
+        padding: 10px 15px;
+        margin-left: 20px;
+        font-size: 0.875rem;
+      }
+
+      @media (max-width: 991px) {
+        font-size: 1rem;
+      }
     }
   }
 }
@@ -313,6 +341,22 @@ body {
   }
 }
 
+#app_user {
+  .user-avatar {
+    height: 30px;
+    width: 30px;
+    border-radius: 100px;
+  }
+
+  .dropdown:hover .dropdown-menu {
+    display: block;
+  }
+
+  .dropdown-toggle::after {
+    display: none !important;
+  }
+}
+
 /* Navbar End */
 
 /* Footer Start */

template/navbar.html

@@ -713,7 +713,7 @@
         <div class="dropdown">
           <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false" onclick="hhh_user_api_login()">
             <div class="d-flex align-items-center">
-              <img src="${msg.data[" user_avatar"]}" alt="" style="height: 32px; width: 32px;border-radius: 100px;">
+              <img src="${msg.data["user_avatar"]}" alt="user_avatar" class="user-avatar">
               <p class="ms-2">${msg.data["name"]}</p>
             </div>
           </button>