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

style: module 主题颜色调整

Browse Source
This commit is contained in:
@changcode
2021-11-19 18:21:10 +08:00
parent cdfa0f86c4
commit 8cc8946485
10 changed files with 88 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -234,3 +234,13 @@ td .nz-icon-gear:before{
opacity: 1 !important;
}
}
.right-box .right-box-form-add,.right-box .right-box-form-minus-box{
padding:4px 6px;
background: $--background-color-copy;
border-radius: $--border-radius-small;
border: 1px solid $--span-nz-icon-border-color;
cursor: pointer;
.nz-icon-plus {
color: $--nz-icon-color;
}
}

40
nezha-fronted/src/assets/css/components/common/paramBpx/paramBox.scss Normal file
View File

@@ -0,0 +1,40 @@
/* start--param*/
.param-box, .tag-edit-box {
border: 1px solid #DCDFE6;
border-radius: 2px;
}
.param-box-endpoint {
height: 325px;
}
.param-box-module, .tag-edit-box {
height: 140px;
}
.param-box-row {
padding: 0;
position: relative;
}
.param-box-row>div {
display: inline-block;
}
.param-box-row-key, .param-box-row-value {
display: inline-block;
width: 43%;
}
.param-box-row-eq {
display: inline-block;
width: 22px;
text-align: center;
height: 32px;
line-height: 32px;
color: #c4c7cF;
}
.param-box-row-symbol {
display: inline-block;
padding-left: 3px;
font-size: 12px;
color: $--color-text-regular;
cursor: pointer;
}
.param-box .param-box-row .is-error {
padding-bottom: 10px;
}

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

@@ -53,7 +53,7 @@
padding-left: 0;
}
.el-tabs__item{
width: 90px;
min-width: 90px;
padding: 0 10px;
text-align: center;
}
@@ -102,10 +102,6 @@
padding: 10px 0px 10px 15px;
width:100%;
margin-left: 0px;
pre{
max-height: 300px;
min-height: 100px;
}
}
.configs-copy-value .copy-value-content{
position: absolute;
@@ -138,8 +134,9 @@
position: absolute;
right: 20px;
top: 15px;
background: rgba(236,127,102,0.1);
background: $--background-color-copy;
padding: 2px 6px;
border: 1px solid $--span-nz-icon-border-color;
color: $--nz-icon-color;
}
.endpoint-title{
@@ -169,13 +166,13 @@
}
}
.value-mapping-add {
background: rgba(250,144,28,0.1);
border: 1px solid #FFE0BD;
margin-bottom: 10px;
height: 24px;
line-height: 24px;
color: $--color-primary;
line-height: 23px;
box-sizing: border-box;
background: $--background-color-copy;
border: 1px solid $--span-nz-icon-border-color;
color: $--nz-icon-color;
}
#module-box-relabel .vue-tags-input{
max-width: unset;
@@ -198,6 +195,15 @@
text-transform: Capitalize;
}
}
.configs-copy-value {
pre {
color: $--color-text-primary;
padding: 15px;
}
i {
color: $--color-text-regular;
}
}
}
.sub-label {
padding-right: 15px;
@@ -250,4 +256,7 @@
color: $--color-text-regular !important;
}
}
.ti-input:hover {
border: 1px solid $--border-color-light-hover;
}
}

2
nezha-fronted/src/assets/css/components/index.scss
View File

@@ -87,3 +87,5 @@
@import './page/monitor/project/project.scss';
@import 'common/v-selectpagenew/selectpage.scss';
@import "common/paramBpx/paramBox";

27
nezha-fronted/src/assets/css/components/page/dashboard/explore/explore.scss
View File

@@ -3,6 +3,19 @@
padding: 10px 0 10px 10px;
background-color: $--background-color-base;
box-sizing: border-box;
pre {
border: 1px solid $--border-color-base;
border-left: 4px solid #e6522c;
border-radius: 0;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
background-color: $--background-color-empty;
color: $--color-text-primary;
padding: 15px;
}
pre code {
white-space: pre;
}
.el-table--border::after, .el-table--group::after, .el-table::before {
height: 0;
@@ -280,20 +293,6 @@
background-color: transparent;
}
pre {
border: 1px solid $--border-color-base;
border-left: 4px solid #e6522c;
border-radius: 0;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
background-color: $--background-color-empty;
color: $--color-text-primary;
padding: 15px;
}
pre code {
white-space: pre;
}
code {
color: $--color-text-primary;
}

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

@@ -143,6 +143,7 @@ $--select-page-tag-background-color: $--background-color-empty;
// icon字色
$--nz-icon-color: $--button-primary-color;
$--span-nz-icon-border-color: $--border-color-light-hover;
// value
$--value-background-color: $--background-color-empty;

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

@@ -141,6 +141,7 @@ $--select-page-tag-background-color: #e4eaee;
// icon 字色
$--nz-icon-color: $--color-primary; //icon
$--span-nz-icon-border-color: $--asset-label-btn-border-color;
// value
$--value-background-color: #5C6BC0;

58
nezha-fronted/src/assets/stylus/main.scss
View File

@@ -707,46 +707,6 @@ li {
.right-box-form-btns button {
margin-left: 10px;
}
/* start--param*/
.param-box, .tag-edit-box {
border: 1px solid #DCDFE6;
border-radius: 2px;
}
.param-box-endpoint {
height: 325px;
}
.param-box-module, .tag-edit-box {
height: 140px;
}
.param-box-row {
padding: 0;
position: relative;
}
.param-box-row>div {
display: inline-block;
}
.param-box-row-key, .param-box-row-value {
display: inline-block;
width: 43%;
}
.param-box-row-eq {
display: inline-block;
width: 22px;
text-align: center;
height: 32px;
line-height: 32px;
color: #c4c7cF;
}
.param-box-row-symbol {
display: inline-block;
padding-left: 3px;
font-size: 12px;
color: #DCDFE6;
cursor: pointer;
}
.param-box .param-box-row .is-error {
padding-bottom: 10px;
}
/* end--param*/
.right-box-form-content .el-select {
width: 100%;
@@ -1424,24 +1384,6 @@ li {
width: calc(50% - 30px);
margin-left: 0;
}
.right-box .right-box-form-add,.right-box .right-box-form-minus-box{
background: rgba(250,144,28,.1);
padding:4px 6px;
border-radius: 2px;
cursor: pointer;
}
.right-box .right-box-form-add .nz-icon-create-square{
color: $--color-primary;
cursor: pointer;
}
.right-box .right-box-form-add .nz-icon-plus{
color: $--color-primary;
cursor: pointer;
}
.right-box .right-box-form-minus-box .nz-icon-minus{
color: $--color-primary;
cursor: pointer;
}
.nz-icon-caret-right{
font-size: 12px;
}

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

@@ -563,7 +563,7 @@
<div class="right-box-line"></div>
<div class="configs-copy-value">
<span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
<pre style="overflow-y: auto;height:100%">{{configsCopyValue}}</pre>
<pre>{{configsCopyValue}}</pre>
</div>
</el-form>
</div>

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

@@ -542,7 +542,7 @@
<div class="right-box-line"></div>
<div id="module-box-preview" ref="previewBoxScrollbar" class="configs-copy-value" style="overflow: auto;">
<span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
<pre style="overflow-y: auto;height:100%">{{configsCopyValue}}</pre>
<pre>{{configsCopyValue}}</pre>
</div>
</el-form>
</div>