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

fix: 样式调整

Browse Source
This commit is contained in:
@changcode
2021-08-27 17:13:26 +08:00
parent 416a14dccc
commit 24ead781dc
5 changed files with 11 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1047,7 +1047,7 @@ li{
padding: 0 20px 20px 20px;
border-radius: 10px;
}
.nz-pop-select-panel {
.nz-pop-select-panel__dropdown {
z-index: 1999 !important;
}
.nz-pop-select-area, .nz-pop-select-panel {

5
nezha-fronted/src/components/common/alert/selectAlertSilence.vue
View File

@@ -1,5 +1,5 @@
<template>
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel nz-pop-select-silence" ref="selectSilencePopBox" transition="slide" v-model="popBox.show" width="400">
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel nz-pop-select-silence" ref="selectSilencePopBox" transition="slide" v-model="popBox.show" width="320">
<div>
<div class="pop-item-wider">
@@ -186,7 +186,4 @@ export default {
.panel-dropdown-btn-delete:hover {
color: #D96D7A;
}
.nz-pop-select-silence /deep/ .panel-select-header{
text-align: center;
}
</style>

7
nezha-fronted/src/components/common/popBox/selectPanel.vue
View File

@@ -1,5 +1,5 @@
<template>
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel" ref="selectPanelPopBox" transition="slide" v-model="popBox.show" width="310" :disabled="disabled">
<el-popover :placement="placement" popper-class="nz-pop nz-pop-select-panel nz-pop-select-panel__dropdown" ref="selectPanelPopBox" transition="slide" v-model="popBox.show" width="310" :disabled="disabled">
<div>
<div class="pop-item-wider">
@@ -230,8 +230,3 @@ export default {
color: #D96D7A;
}
</style>
<style scoped lang="scss">
.nz-pop-select-panel {
z-index: 1999 !important;
}
</style>

10
nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
View File

@@ -8,16 +8,6 @@
</div>
<!-- 顶部工具栏 -->
<div class="top-tools" style="z-index: 1">
<!-- <div class="top-tool-left">-->
<!-- <el-select v-model="fromData.status" size="small" style="width: 120px;" @change="changeType">-->
<!-- <el-option-->
<!-- v-for="item in searchMetrics"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </div>-->
<el-row class="block-col-2" style="width: 300px;">
<el-col>
<el-dropdown trigger="click">

12
nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
View File

@@ -23,7 +23,7 @@
v-model="cascaderValue" v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading"
:loading="loading" :props="cascaderProps" @change="logLabelChange">
<template slot-scope="{ node, data }">
<div :title="data.label" class="nz-cascade">
<div :title="data.label" class="nz-cascade">
{{data.label}}
</div>
</template>
@@ -118,10 +118,10 @@
<!--</el-option>-->
<!--</el-select>-->
<select-alert-silence :filter-silence="filterSilence" :silence-data="format(item).arr" :panel-lock="false" :placement="'bottom-start'" :typeContentLoading="typeContentLoading"
@selectSilence="(val)=>{silenceChange(val,item)}" ref="selectPanel" style="width: 300px;">
@selectSilence="(val)=>{silenceChange(val,item)}" ref="selectPanel" style="width: 240px;">
<template v-slot:header>
<div class="panel-select-header">
<el-input :placeholder="$t('overall.search')" clearable size="mini" style="width: 340px; margin-right: 5px;" v-model="filterSilence" id="panel-list-search"></el-input>
<div class="explore-select-header">
<el-input :placeholder="$t('overall.search')" clearable size="mini" style="width: 300px;padding: 0 10px;" v-model="filterSilence" id="panel-list-search"></el-input>
</div>
</template>
@@ -742,6 +742,10 @@ export default {
.temp-form-box .temp-form-box-col{
margin-right: 10px;
}
.explore-select-header {
text-align: center;
margin-bottom: 14px;
}
</style>
<style>
.metric-selector-pop {