u

code/link56/link56-frontend-new/src/layout/components/header.vue

@@ -132,42 +132,25 @@ function isActive(path: string) {
         display: flex;
         align-items: center;
         cursor: pointer;
-        color: #000;
+        color: #9aa0a6;
         outline: none;
         margin-left: 36px;
         transition: color 0.3s ease;
         position: relative;
 
         &:hover {
-          color: #0f6fec !important;
+          color: #2f2f2f !important;
         }
         &:first-child {
           margin-left: 0px;
         }
 
         &.active {
-          color: #0f6fec !important;
-        }
+          color: #2f2f2f !important;
 
-        &::after {
-          content: '';
-          position: absolute;
-          bottom: 0px;
-          bottom: -8px;
-          left: 50%;
-          width: 0;
-          height: 2px;
-          background-color: #0f6fec;
-          transition: all 0.3s ease;
-          transform: translateX(-50%);
-        }
-
-        &:hover::after {
-          width: 100%;
-        }
-
-        &.active::after {
-          width: 100%;
+          .menu-item-name {
+            font-weight: 500;
+          }
         }
 
         .menu-item-name {