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

style: panel 背景色调整

Browse Source
This commit is contained in:
zhangyu
2024-01-12 15:58:21 +08:00
parent beeb2d062f
commit 87c24bb9f2
4 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
nezha-fronted/src/assets/css/common/tableCommon.scss
View File

@@ -20,7 +20,18 @@
box-sizing: border-box; box-sizing: border-box;
background-color: $--background-color-base; background-color: $--background-color-base;
&>div { &>div {
background-color: $--chart-box-background-color;
&>.table-list-box {
background-color: $--chart-box-background-color;
}
.vue-grid-item {
background-color: $--chart-background-color-base
}
}
.panel-top-tools {
background-color: $--background-color-empty; background-color: $--background-color-empty;
padding-bottom: 5px;
margin-bottom: 10px;
} }
.nz-table-list>div{ .nz-table-list>div{
height: 100%; height: 100%;

2
nezha-fronted/src/assets/css/components/common/panel/panelVariables.scss
View File

@@ -2,7 +2,7 @@
display: flex; display: flex;
position: relative; position: relative;
z-index: 1; z-index: 1;
background: $--background-color-empty; background: $--chart-box-background-color;
padding-left: 10px; padding-left: 10px;
margin-top: -5px; margin-top: -5px;
flex-wrap: wrap; flex-wrap: wrap;

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

@@ -6,6 +6,9 @@ $--color-primary: #FA901C;
/* 2.背景色 */ /* 2.背景色 */
// 空白背景色 // 空白背景色
$--background-color-empty: #222329; $--background-color-empty: #222329;
$--chart-box-background-color: #111217;
$--chart-background-color-base: #18171D;
// 基础背景色(覆盖element-ui内置变量) // 基础背景色(覆盖element-ui内置变量)
$--background-color-base: #18171D; $--background-color-base: #18171D;
// 背景色1 // 背景色1

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

@@ -6,6 +6,9 @@ $--color-primary: #FA901C;
/* 2.背景色 */ /* 2.背景色 */
// 空白背景色 // 空白背景色
$--background-color-empty: #fffffe; $--background-color-empty: #fffffe;
$--chart-box-background-color: #f4f5f5;
$--chart-background-color-base: #ffffff;
// 基础背景色(覆盖element-ui内置变量) // 基础背景色(覆盖element-ui内置变量)
$--background-color-base: #F6F6F6; $--background-color-base: #F6F6F6;
// 背景色1 // 背景色1