优化界面

This commit is contained in:
GoEdgeLab
2023-05-26 10:31:03 +08:00
parent 0b1d27f8f5
commit 91345a5348
4 changed files with 19 additions and 3 deletions

View File

@@ -589,7 +589,7 @@ body.expanded .main {
width: 4px;
}
.main .tab-menu {
margin-top: 1em !important;
margin-top: 0.5em !important;
margin-bottom: 0 !important;
overflow-x: auto;
overflow-y: hidden;
@@ -618,6 +618,13 @@ body.expanded .main {
border-radius: 0 !important;
color: #2185d0 !important;
}
.main .tab-menu .item.active:not(.title) .bottom-indicator {
border-bottom: 1px #2185d0 solid;
position: absolute;
left: 0;
right: 0;
bottom: 1px;
}
.main .tab-menu .item.active.blue {
font-weight: bold !important;
}

File diff suppressed because one or more lines are too long

View File

@@ -109,6 +109,7 @@
<div class="ui top menu tabular tab-menu small" v-if="teaTabbar.length > 0">
<a class="item" v-for="item in teaTabbar" :class="{'active':item.active, right:item.right, title: item.isTitle}" :href="item.url">
<var>{{item.name}}<span v-if="item.subName.length > 0">({{item.subName}})</span><i class="icon small" :class="item.icon" v-if="item.icon != null && item.icon.length > 0"></i> </var>
<div class="bottom-indicator" v-if="item.active && !item.isTitle"></div>
</a>
</div>

View File

@@ -578,7 +578,7 @@ body.expanded .main {
.main {
.tab-menu {
margin-top: 1em !important;
margin-top: 0.5em !important;
margin-bottom: 0 !important;
overflow-x: auto;
overflow-y: hidden;
@@ -611,6 +611,14 @@ body.expanded .main {
border: none;
border-radius: 0 !important;
color: #2185d0 !important;
.bottom-indicator {
border-bottom: 1px #2185d0 solid;
position: absolute;
left: 0;
right: 0;
bottom: 1px;
}
}
.item.active.blue {