gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 主题样式调整

Browse Source
This commit is contained in:
@changcode
2021-12-01 18:10:50 +08:00
parent 9aa66facc6
commit 6867402a94
4 changed files with 49 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
nezha-fronted/src/assets/css/components/page/monitor/project/project.scss
View File

@@ -31,10 +31,9 @@
.top-tools div:nth-of-type(1) {
color: $--color-text-primary;
}
//.nz-table2 {
// padding: 0 !important;
// border: 1px solid $--border-color-base !important;
//}
.nz-table2 {
padding: 0 !important;
}
.right-bottom-zoom {
.zoom-option {
color: $--color-text-regular !important;
@@ -45,6 +44,12 @@
}
}
}
.full.pr10 {
.el-select.el-select--small,.el-input {
background-color: $--background-color-empty;
border: 1px solid $--background-color-empty;
}
}
}
.hide{
display: none;
@@ -56,6 +61,35 @@
padding-right: 0 !important;
width: 100%;
}
.tool-top .top-tool-item-switch label {
color: $--color-text-regular;
}
.page.topo-page,.props-box {
border: 1px solid $--border-color-light;
}
.project-title {
background-color: $--background-color-base;
}
.edit-topologyLine.top-tools {
background-color: $--chart-title-hover-background-color !important;
}
.project-title {
height: 36px;
color: $--color-text-primary;
}
.vc-sketch {
background-color: $--background-color-empty;
border: 1px solid $--border-color-light;
margin-top: 6px;
.vc-input__input {
background-color: $--project-input-background-color;
color: $--color-text-regular;
box-shadow: inset 0 0 0 1px $--border-color-light;
}
.vc-sketch-presets {
border-top: none;
}
}
}
.project-calendar .el-input__inner {
height: 24px;
@@ -93,3 +127,7 @@
bottom: 18px !important;
}
}
.el-card {
background-color: $--background-color-empty;
border: 1px solid $--border-color-light;
}

3
nezha-fronted/src/assets/css/themes/theme-dark.scss
View File

@@ -207,6 +207,9 @@ $--export-span-background-color: $--background-color-base;
/* switch */
$--switch-background-color: $--background-color-base;
/* project */
$--project-input-background-color: $--background-color-base;
/* 13.panel */
$--chart-title-hover-background-color: #323238;
$--chart-box-border-color: $--border-color-light;

3
nezha-fronted/src/assets/css/themes/theme-light.scss
View File

@@ -204,6 +204,9 @@ $--export-span-background-color: $--background-color-base;
/* switch */
$--switch-background-color: #dcdfe6;
/* project */
$--project-input-background-color: $--color-text-disabled;
/* 13.panel */
$--chart-title-hover-background-color: $--background-color-1;
$--chart-box-border-color: $--border-color-light;

2
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -6,7 +6,7 @@
<div class="project-box list-page" v-loading="topologyLoading" v-has="'topo_list'">
<div class="main-list" :style="{height: fromOverView ?'100%' : 'calc(100% - 30px)'}">
<div class="main-container" :class="fromOverView?'from-overview':'from-project'">
<div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 20px);display: inline-block">
<div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 40px);display: inline-block">
<!--工具栏-->
<span v-if="!isPreview" class="project-topology-tool">
<el-dropdown trigger="click" size="small" placement="bottom-start" v-has="'topo_icon_list'">