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-11-22 17:01:41 +08:00
parent 8cc8946485
commit 7ee0375ffd
7 changed files with 51 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
View File

@@ -189,7 +189,7 @@
.pipeline-title{
font-family: Roboto-Medium;
font-size: 14px;
color: $--color-primary;
color: $--color-title-primary;
letter-spacing: 0;
font-weight: 600;
text-transform: Capitalize;

26
nezha-fronted/src/assets/css/components/common/table/alert/alertMessageTable.scss
View File

@@ -1,15 +1,17 @@
.pointer{
background: $--color-primary;
border-radius: 2px;
border: none;
width: 40px;
height: 22px;
box-sizing: border-box;
text-align:center;
color: #fff;
font-size: 12px;
margin-right: 20px;
}
//.alert-message-list {
// .pointer{
// background: $--color-primary;
// border-radius: 2px;
// border: none;
// width: 40px;
// height: 22px;
// box-sizing: border-box;
// text-align:center;
// color: #fff;
// font-size: 12px;
// margin-right: 20px;
// }
//}
.alertLabelInfo{
border: 1px solid $--border-color-light;
border-bottom: none;

5
nezha-fronted/src/assets/css/components/common/timePicker.scss
View File

@@ -19,9 +19,12 @@
line-height: 30px;
}
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
color: $--color-primary !important;
}
.nz-dashboard-dropdown-bg {
background: $--color-primary;
color: #fff !important;
color: $--time-picker-hover-color !important;
}
.calendar-dropdown-title {
white-space: nowrap;

24
nezha-fronted/src/assets/css/components/common/v-selectpagenew/selectpage.scss
View File

@@ -1,4 +1,4 @@
.el-picker-panel,.sp-base.sp-inputs{
.el-picker-panel,.sp-base.sp-inputs,.sp-base.sp-input{
background: $--input-background-color !important;
}
.sp-search,.sp-result-area,.sp-pagination {
@@ -36,10 +36,10 @@
border: 1px solid $--border-color-light !important;
color: $--color-text-regular !important;
}
.sp-base.sp-inputs {
.sp-base.sp-inputs,.sp-base.sp-input {
border: 1px solid $--border-color-light !important;
}
.sp-base.sp-inputs:hover,.sp-base.sp-inputs:focus {
.sp-base.sp-inputs:hover,.sp-base.sp-input:hover,.sp-base.sp-inputs:focus,.sp-base.sp-input:focus {
border: 1px solid $--border-color-light-hover !important;
}
.v-dropdown-container.v-dropdown-no-border {
@@ -57,3 +57,21 @@ div.sp-result-area table.sp-table tbody tr.sp-selected td {
div.sp-pagination ul li a:hover {
color: $--color-text-regular !important;
}
div.v-selectpage div.sp-input-container div.sp-input {
color: $--color-text-regular !important;
}
div.v-selectpage div.sp-input-container.sp-open div.sp-input {
border: 1px solid #aaa;
border-radius: 2px;
color: $--color-text-regular !important;
}
.sp-button {
.sp-caret {
color: $--color-text-regular !important;
}
}
.sp-button.open {
.sp-caret {
color: $--color-text-regular !important;
}
}

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

@@ -33,6 +33,8 @@ $--color-text-regular: #BEBEBE;
$--color-text-secondary: #999998;
// 链接字色
$--color-text-link: #3C92F1;
// title 字色
$--color-title-primary: $--color-text-primary;
/* 4.边框色 */
// 普通边框色
@@ -150,6 +152,9 @@ $--value-background-color: $--background-color-empty;
$--value-input-background-color: $--background-color-base;
$--value-color: $--table-header-font-color;
// time picker
$--time-picker-hover-color: #FFFFFF;
/* 13.panel */
$--chart-title-hover-background-color: #323238;
$--chart-box-border-color: $--border-color-light;

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

@@ -33,6 +33,8 @@ $--color-text-regular: #666665;
$--color-text-secondary: #999998;
// 链接字色
$--color-text-link: #3C92F1;
// title 字色
$--color-title-primary: $--color-primary;
/* 4.边框色 */
// 普通边框色(覆盖element-ui内置变量)
@@ -148,6 +150,9 @@ $--value-background-color: #5C6BC0;
$--value-color: #FFFFFF;
$--value-input-background-color: $--value-color;
// time picker
$--time-picker-hover-color: $--value-color;
/* 13.panel */
$--chart-title-hover-background-color: $--background-color-1;
$--chart-box-border-color: $--border-color-light;

2
nezha-fronted/src/components/common/rightBox/moduleBox.vue
View File

@@ -427,7 +427,7 @@
>
<el-input v-model="item2.expressions[eindex].key" placeholder="key" size="mini" ></el-input>
</el-form-item>
=
<span class="param-box-row-eq">=</span>
<el-form-item
:prop="'configs.1.config.'+ index +'.pipeline.' + index2 + '.expressions.'+eindex+'.value'"
:rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]"