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

style: asset批量修改和endpoint批量新增 主题样式调整

Browse Source
This commit is contained in:
@changcode
2021-12-01 15:23:54 +08:00
parent 39b5df3713
commit c6a6dab65a
6 changed files with 71 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
nezha-fronted/src/assets/css/components/common/rightBox/assetBactchEditBox.scss Normal file
View File

@@ -0,0 +1,25 @@
.right-box-asset-batch {
.el-table__header-wrapper {
tr th {
border-color: $--border-color-light;
}
}
.el-table__body-wrapper.is-scrolling-none {
background-color: $--background-color-empty;
tr {
background-color: $--background-color-empty;
}
}
.box__footer {
.top-tool-btn.top-tool-btn--disabled {
background-color: $--background-color-base;
border: 1px solid $--border-color-light;
i {
color: $--color-text-regular;
}
}
.top-tool-btn.top-tool-btn--disabled:hover {
background-color: $--asset-bactch-btn-background-color;
}
}
}

39
nezha-fronted/src/assets/css/components/common/rightBox/batchAddEndpoint.scss
View File

@@ -1,11 +1,12 @@
.right-box-modify-endpoint {
.container__form {
min-height: 400px;
flex: 1;
height: calc(100% - 400px);
}
.error {
border: 1px solid #F56C6C !important;
}
.right-box-sub-title {
width: calc(100% - 70px);
margin-left: 15px;
}
.el-table thead .cell {
font-size: 14px;
color: $--color-text-primary;
@@ -21,6 +22,36 @@
.el-table th {
padding: 7px 0;
}
.el-table tr {
background-color: $--background-color-empty;
}
.el-table td {
border-bottom: 1px solid $--border-color-light;
border-right: 1px solid $--border-color-light;
}
.el-table th.is-leaf {
border-bottom: 1px solid $--border-color-light;
}
.el-table--fit {
background-color: $--background-color-empty;
border: 1px solid $--border-color-light;
border-bottom: none;
height: 100%;
flex: 1;
.el-table__header-wrapper {
tr th {
border-right: 1px solid $--border-color-light;
}
th.gutter {
background-color: $--background-color-empty;
border-bottom: 1px solid $--border-color-light;
border-right: none;
}
}
.el-table__body-wrapper {
overflow-y: auto;
}
}
.configs-endpoint {
border-radius: 4px;
padding: 2px 7px;

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

@@ -44,6 +44,7 @@
@import './common/rightBox/menuBox.scss';
@import './common/rightBox/moduleBox.scss';
@import './common/rightBox/chartRightBox/chartRightBox';
@import './common/rightBox/assetBactchEditBox.scss';
@import './common/table/alert/alertMessageTable.scss';
@import './common/table/alert/alertRuleTable.scss';
@import './common/table/alert/alertSilenceTable.scss';
@@ -88,9 +89,7 @@
@import './page/dashboard/panel.scss';
@import './page/monitor/project/project.scss';
@import './common/v-selectpagenew/selectpage.scss';
@import './common/paramBpx/paramBox.scss';
@import './common/picker/picker.scss';
@import 'common/v-selectpagenew/selectpage.scss';
@import "common/paramBpx/paramBox.scss";
@import "common/picker/picker.scss";

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

@@ -133,6 +133,7 @@ $--button-icon-active-border-color: $--color-text-primary; // focus边框色
/* Asset */
$--asset-label-btn-border-color: $--border-color-light; // border
$--asset-label-btn-background-color: #222329; // background
$--asset-bactch-btn-background-color: mix(#FFF, $--background-color-base, 15%);
/* clickSearch */
$--click-search-items-border-color: $--background-color-copy; // border

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

@@ -131,6 +131,7 @@ $--button-icon-active-border-color: mix(#FFF, $--color-primary, 10%); // focus
/* Asset */
$--asset-label-btn-border-color: mix(#FFF, $--color-primary, 60%); // border
$--asset-label-btn-background-color: #FFF4E8; // background
$--asset-bactch-btn-background-color: $--background-color-empty;
/* clickSearch */
$--click-search-items-border-color: #C7C7C7; // border

12
nezha-fronted/src/components/common/rightBox/batchAddEndpoint.vue
View File

@@ -10,9 +10,9 @@
</div>
<!-- begin--表单-->
<div class="right-box-form-box right-box__container" style="overflow: hidden;padding-left: 20px;margin-top: 0">
<div class="container__form" style="display: flex; flex-direction: column;height: 100%">
<el-form class="right-box-form" label-position = "top" ref="addEndpoint" :model="endpoint" :rules="rules">
<div class="right-box__container">
<div class="container__form">
<el-form label-position="top" ref="addEndpoint" :model="endpoint" :rules="rules">
<el-form-item :label="$t('project.module.module')" prop="ChartTemplate">
<v-selectpage
:data="moduleList"
@@ -58,10 +58,8 @@
<el-table
:data="batchEndpoint.tableData"
:class="showError?'error' : ''"
:height="'calc(100% - 400px)'"
style="width:calc(100% - 70px);margin-left: 15px;min-height:400px;flex: 1"
border>
:height="'100%'"
>
<el-table-column
v-for="(item, index) in endpointTableTitle"
v-if="item.show"