TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-04 21:50:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化文字和界面

Browse Source
This commit is contained in:
GoEdgeLab
2023-05-26 10:52:45 +08:00
parent 91345a5348
commit ce88f5ac0a
5 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
internal/web/actions/default/clusters/clusterutils/cluster_helper.go
View File

@@ -64,11 +64,11 @@ func (this *ClusterHelper) BeforeAction(actionPtr actions.ActionWrapper) (goNext
item["isTitle"] = true item["isTitle"] = true
} }
if teaconst.IsPlus { if teaconst.IsPlus {
tabbar.Add("集群看板", "", "/clusters/cluster/boards?clusterId="+clusterIdString, "chart line area", selectedTabbar == "board") tabbar.Add("看板", "", "/clusters/cluster/boards?clusterId="+clusterIdString, "chart line area", selectedTabbar == "board")
} }
tabbar.Add("集群节点", "", "/clusters/cluster/nodes?clusterId="+clusterIdString, "server", selectedTabbar == "node") tabbar.Add("节点", "", "/clusters/cluster/nodes?clusterId="+clusterIdString, "server", selectedTabbar == "node")
tabbar.Add("集群设置", "", "/clusters/cluster/settings?clusterId="+clusterIdString, "setting", selectedTabbar == "setting") tabbar.Add("设置", "", "/clusters/cluster/settings?clusterId="+clusterIdString, "setting", selectedTabbar == "setting")
tabbar.Add("删除集群", "", "/clusters/cluster/delete?clusterId="+clusterIdString, "trash", selectedTabbar == "delete") tabbar.Add("删除", "", "/clusters/cluster/delete?clusterId="+clusterIdString, "trash", selectedTabbar == "delete")
actionutils.SetTabbar(action, tabbar) actionutils.SetTabbar(action, tabbar)
// 左侧菜单 // 左侧菜单

7
web/views/@default/@layout.css
View File

@@ -625,6 +625,13 @@ body.expanded .main {
right: 0; right: 0;
bottom: 1px; bottom: 1px;
} }
.main .tab-menu .item.active:not(.title).icon .bottom-indicator {
border-bottom: 1px #2185d0 solid;
position: absolute;
left: 0;
right: 0.6em;
bottom: 1px;
}
.main .tab-menu .item.active.blue { .main .tab-menu .item.active.blue {
font-weight: bold !important; font-weight: bold !important;
} }

2
web/views/@default/@layout.css.map
View File

File diff suppressed because one or more lines are too long

2
web/views/@default/@layout.html
View File

@@ -107,7 +107,7 @@
<div class="main" :class="{'without-menu':teaSubMenus.menus == null || teaSubMenus.menus.length == 0 || (teaSubMenus.menus.length == 1 && teaSubMenus.menus[0].alwaysActive), 'without-secondary-menu':teaSubMenus.alwaysMenu == null || teaSubMenus.alwaysMenu.items.length <= 1, 'without-footer':!teaShowOpenSourceInfo}" v-cloak=""> <div class="main" :class="{'without-menu':teaSubMenus.menus == null || teaSubMenus.menus.length == 0 || (teaSubMenus.menus.length == 1 && teaSubMenus.menus[0].alwaysActive), 'without-secondary-menu':teaSubMenus.alwaysMenu == null || teaSubMenus.alwaysMenu.items.length <= 1, 'without-footer':!teaShowOpenSourceInfo}" v-cloak="">
<!-- 操作菜单 --> <!-- 操作菜单 -->
<div class="ui top menu tabular tab-menu small" v-if="teaTabbar.length > 0"> <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"> <a class="item" v-for="item in teaTabbar" :class="{'active':item.active, right:item.right, title: item.isTitle, icon: item.icon != null && item.icon.length > 0}" :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> <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> <div class="bottom-indicator" v-if="item.active && !item.isTitle"></div>
</a> </a>

10
web/views/@default/@layout.less
View File

@@ -621,6 +621,16 @@ body.expanded .main {
} }
} }
.item.active:not(.title).icon {
.bottom-indicator {
border-bottom: 1px #2185d0 solid;
position: absolute;
left: 0;
right: 0.6em;
bottom: 1px;
}
}
.item.active.blue { .item.active.blue {
font-weight: bold !important; font-weight: bold !important;
} }