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

perf: 调整trafficSetting等样式

Browse Source
This commit is contained in:
陈劲松
2020-12-16 16:27:06 +08:00
committed by chenjinsong
parent b80beae933
commit 91adb083fa
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nezha-fronted/src/components/common/pickTime.vue
View File

@@ -157,4 +157,7 @@
.interval-refresh-popover{ .interval-refresh-popover{
min-width: unset !important; min-width: unset !important;
} }
.sub-top-tools .interval-refresh {
margin-top: -1px;
}
</style> </style>

25
nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
View File

@@ -16,8 +16,8 @@
:highlight-first-item="true" :highlight-first-item="true"
@input="hostInputChange" @input="hostInputChange"
@blur="validateHostEmpty" @blur="validateHostEmpty"
></el-autocomplete> ></el-autocomplete><el-popover
<el-popover trigger="click" placement="bottom" @show="popShow" @hide="popHide" popper-class="no-style-class"> @hide="popHide" @show="popShow" placement="bottom" popper-class="no-style-class" trigger="click">
<div class="mib-browser-ad-search"> <div class="mib-browser-ad-search">
<el-row class="mib-browser-ad-search-item" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row> <el-row class="mib-browser-ad-search-item" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row>
<el-row class="mib-browser-ad-search-item"> <el-row class="mib-browser-ad-search-item">
@@ -112,7 +112,14 @@
<i class="el-icon-more"></i> <i class="el-icon-more"></i>
</button> </button>
</el-popover> </el-popover>
<span class="right-box-form-minus-box" @click="delSelf" style="vertical-align: middle"><i class="nz-icon nz-icon-minus"></i></span> <span @click="delSelf" class="right-box-form-minus-box"
style="vertical-align: middle;right: 0;
position: absolute;
line-height: 21px;
height: 21px;
top: 50%;
transform: translateY(-50%);"
><i class="nz-icon nz-icon-minus"></i></span>
<div> <div>
<span style="color:#F56C6C;font-size: 12px;" v-if="hostRepeat">{{$t('validate.repeat')}}</span> <span style="color:#F56C6C;font-size: 12px;" v-if="hostRepeat">{{$t('validate.repeat')}}</span>
<span style="color:#F56C6C;font-size: 12px;" v-if="hostInvalid">{{$t('validate.host')}}</span> <span style="color:#F56C6C;font-size: 12px;" v-if="hostInvalid">{{$t('validate.host')}}</span>
@@ -623,8 +630,8 @@
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
height: 30px; height: 30px;
position: relative; top: 1px;
left: -3px; left: -1px;
} }
.asset-config-tab .right-box-row-with-btn{ .asset-config-tab .right-box-row-with-btn{
width: calc(100% - 69px); width: calc(100% - 69px);
@@ -650,14 +657,15 @@
margin-bottom: 5px; margin-bottom: 5px;
height: 20px; height: 20px;
line-height: 18px; line-height: 18px;
justify-content: flex-end; justify-content: center;
} }
.tab-tags-item .tag-item-key{ .tab-tags-item .tag-item-key{
border:1px solid #409eff;; border:1px solid #409eff;;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
background-color: #409eff; background-color: #409eff;
width: 52px; min-width: 40px;
padding: 0 8px;
color: white; color: white;
} }
.tab-tags-item .tag-item-value{ .tab-tags-item .tag-item-value{
@@ -665,7 +673,8 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
background-color: #FFF; background-color: #FFF;
width: 52px; min-width: 40px;
padding: 0 8px;
} }
.tab-tags-item .tag-item-text{ .tab-tags-item .tag-item-text{
background-color: #FFF; background-color: #FFF;