|
@@ -43,31 +43,33 @@
|
|
|
position: relative;
|
|
|
text-align: center;
|
|
|
font-size: 18px;
|
|
|
- color: @base_color;
|
|
|
+ color: #5E677BFF;
|
|
|
+ font-weight: 400;
|
|
|
}
|
|
|
|
|
|
- .tab.active::after {
|
|
|
- content: '';
|
|
|
- width: 0;
|
|
|
- height: 4px;
|
|
|
- background: @theme_color;
|
|
|
- transform: translateX(-50%);
|
|
|
- transition: all 0.25s;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 50%;
|
|
|
- }
|
|
|
+ // .tab.active::after {
|
|
|
+ // content: '';
|
|
|
+ // width: 0;
|
|
|
+ // height: 4px;
|
|
|
+ // background: @theme_color;
|
|
|
+ // transform: translateX(-50%);
|
|
|
+ // transition: all 0.25s;
|
|
|
+ // position: absolute;
|
|
|
+ // bottom: 0;
|
|
|
+ // left: 50%;
|
|
|
+ // }
|
|
|
|
|
|
.tab:hover {
|
|
|
- color: @theme_color;
|
|
|
+ color: #57A4FEFF;
|
|
|
}
|
|
|
.tab.active {
|
|
|
- color: #444;
|
|
|
+ color: @theme_color;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
|
|
|
- .tab.active::after {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ // .tab.active::after {
|
|
|
+ // width: 100%;
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
|