lingyun/NetAdmin
lingyun/NetAdmin
Template
6
0
Fork 0
mirror of https://github.com/nsnail/NetAdmin.git synced 2025-04-22 22:22:51 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

chore: 🔨 前端布局样式调整 (#165)

Browse Source 
Co-authored-by: tk <fiyne1a@dingtalk.com>
This commit is contained in:
nsnail 2024-07-29 16:54:00 +08:00 committed by GitHub
parent 2b4c25c07c
commit 2fa8b56f9c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/frontend/admin/src/layout/index.vue
View File

@ -46,7 +46,6 @@
</div> </div>
<Side-m v-if="ismobile"></Side-m> <Side-m v-if="ismobile"></Side-m>
<div class="aminui-body el-container"> <div class="aminui-body el-container">
<Topbar v-if="!ismobile"></Topbar>
<Tags v-if="!ismobile && layoutTags"></Tags> <Tags v-if="!ismobile && layoutTags"></Tags>
<div class="adminui-main" id="adminui-main"> <div class="adminui-main" id="adminui-main">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
@ -94,7 +93,6 @@
</div> </div>
<Side-m v-if="ismobile"></Side-m> <Side-m v-if="ismobile"></Side-m>
<div class="aminui-body el-container"> <div class="aminui-body el-container">
<Topbar v-if="!ismobile"></Topbar>
<Tags v-if="!ismobile && layoutTags"></Tags> <Tags v-if="!ismobile && layoutTags"></Tags>
<div class="adminui-main" id="adminui-main"> <div class="adminui-main" id="adminui-main">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
@ -125,10 +123,9 @@
<el-menu <el-menu
:default-active="active" :default-active="active"
active-text-color="var(--el-color-primary)" active-text-color="var(--el-color-primary)"
background-color="#424C50"
mode="horizontal" mode="horizontal"
router router
text-color="#fff"> text-color="var(--el-text-color-primary)">
<NavMenu :navMenus="menu"></NavMenu> <NavMenu :navMenus="menu"></NavMenu>
</el-menu> </el-menu>
</div> </div>
@ -336,6 +333,6 @@ export default {
.version { .version {
font-size: var(--el-font-size-small); font-size: var(--el-font-size-small);
font-weight: var(--el-font-weight-primary); font-weight: var(--el-font-weight-primary);
color: var(--el-text-color-disabled); color: var(--el-text-color-secondary);
} }
</style> </style>

20
src/frontend/admin/src/style/app.scss
View File

@ -108,10 +108,10 @@ textarea {
/* 头部 */ /* 头部 */
.adminui-header { .adminui-header {
height: 4rem; height: 4rem;
background: #424c50; background: #fff;
color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: #ebeef5 1px solid;
} }
.adminui-header-left { .adminui-header-left {
@ -148,7 +148,7 @@ textarea {
padding: 0 1rem; padding: 0 1rem;
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
font-size: 1.1rem; font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6); color: var(--el-menu-text-color);
list-style: none; list-style: none;
height: 100%; height: 100%;
display: flex; display: flex;
@ -161,29 +161,29 @@ textarea {
} }
.adminui-header .nav li:hover { .adminui-header .nav li:hover {
color: #fff;
} }
.adminui-header .nav li.active { .adminui-header .nav li.active {
background: rgba(255, 255, 255, 0.1); color: var(--el-color-primary);
color: #fff;
} }
.adminui-header .user-bar .panel-item:hover { .adminui-header .user-bar .panel-item:hover {
background: rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.1) !important;
} }
.adminui-header .user-bar .user label { .user-bar * {
color: #fff; color: var(--el-menu-text-color);
} }
/* 左侧菜单 */ /* 左侧菜单 */
.aminui-side-split { .aminui-side-split {
width: 5rem; width: 5rem;
flex-shrink: 0; flex-shrink: 0;
background: #424c50; background: #fff;
color: var(--el-menu-text-color);
display: flex; display: flex;
flex-flow: column; flex-flow: column;
border-right: #ebeef5 1px solid;
} }
.aminui-side-split-top { .aminui-side-split-top {
@ -214,7 +214,6 @@ textarea {
cursor: pointer; cursor: pointer;
width: 5rem; width: 5rem;
height: 5rem; height: 5rem;
color: #fff;
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -236,6 +235,7 @@ textarea {
.aminui-side-split li.active { .aminui-side-split li.active {
background: #21a675; background: #21a675;
color: #fff;
} }
.adminui-side-split-scroll::-webkit-scrollbar-thumb { .adminui-side-split-scroll::-webkit-scrollbar-thumb {

1
src/frontend/admin/src/style/dark.scss
View File

@ -29,6 +29,7 @@ html.dark {
.aminui-side-split { .aminui-side-split {
background: var(--el-bg-color); background: var(--el-bg-color);
border-color: var(--el-bg-color);
} }
.aminui-side-split li { .aminui-side-split li {