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

fix: 调整 promlInput 组件 和 chaartBox Legend 样式

Browse Source
This commit is contained in:
@changcode
2021-09-03 17:23:41 +08:00
parent 739ae1c002
commit 55a644c6ac
4 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -74,16 +74,9 @@
height: 32px; height: 32px;
} }
.input-box { .input-box {
.logs-label.el-textarea {
.el-textarea__inner {
width: 509px;
height: 32px;
padding: 5px 70px 4px 10px;
}
}
.el-textarea { .el-textarea {
.el-textarea__inner { .el-textarea__inner {
width: 517px; width: 509px;
height: 32px; height: 32px;
padding: 5px 70px 4px 10px; padding: 5px 70px 4px 10px;
} }

1
nezha-fronted/src/components/page/alert/alertRule.vue
View File

@@ -97,6 +97,7 @@ export default {
alertName: '', alertName: '',
linkObject: { id: '', name: '' }, linkObject: { id: '', name: '' },
expr: '', expr: '',
type: 1,
unit: 2, unit: 2,
operator: '>', operator: '>',
last: 60, last: 60,

2
nezha-fronted/src/components/page/dashboard/chartBox.vue
View File

@@ -57,7 +57,7 @@
padding: 10px 10px 5px 0; padding: 10px 10px 5px 0;
} }
.legend-title{ .legend-title{
width: 100px; width: 108px;
margin-right: 10px; margin-right: 10px;
text-align: left; text-align: left;
padding-left:10px; padding-left:10px;

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

@@ -51,7 +51,7 @@
<el-row v-if="plugins.indexOf('metric-input') > -1 || plugins.indexOf('metric-selector') > -1" <el-row v-if="plugins.indexOf('metric-input') > -1 || plugins.indexOf('metric-selector') > -1"
style="width: 100%;"> style="width: 100%;">
<el-col <el-col
:class="[plugins.indexOf('metric-selector') > -1 ?'metric-selector-title':'metric-null-title']" :style="type === 'log'? 'width: 108px;' : 'width: 100px;'"> :class="[plugins.indexOf('metric-selector') > -1 ?'metric-selector-title':'metric-null-title']">
<el-dropdown class="metric-selector" v-if="plugins.indexOf('metric-selector') > -1"> <el-dropdown class="metric-selector" v-if="plugins.indexOf('metric-selector') > -1">
<el-dropdown-menu style="display: none"></el-dropdown-menu> <el-dropdown-menu style="display: none"></el-dropdown-menu>
<span :class="{'expr-title':projectRightBox}" style="cursor: pointer;" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}&nbsp;<i <span :class="{'expr-title':projectRightBox}" style="cursor: pointer;" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}&nbsp;<i
@@ -86,7 +86,7 @@
<div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1"> <div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1">
<!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>--> <!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>-->
<el-input v-model="expressionList[index]" @input="metricKeyDown" type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit <el-input v-model="expressionList[index]" @input="metricKeyDown" type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit
:autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" :class="{ 'logs-label' : type === 'log'}" ref="elInput"></el-input> :autosize="{ minRows: 1, maxRows: 6}" class="not-fixed-height no-resize" ref="elInput"></el-input>
<div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div> <div class="append-msg error" v-if="errorMsg"><span>{{errorMsg}}</span></div>
<div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div> <div class="append-msg error" v-if="appendMsg"><span>{{appendMsg}}</span></div>
</div> </div>
@@ -697,7 +697,7 @@ export default {
/*'padding': plugins.indexOf('metric-selector') > -1 ?'0 0 0 10px':'0 20px 0 0 ',*/ /*'padding': plugins.indexOf('metric-selector') > -1 ?'0 0 0 10px':'0 20px 0 0 ',*/
/*'text-align':'left', 'color': '#666',*/ /*'text-align':'left', 'color': '#666',*/
/*'font-weight':plugins.indexOf('metric-selector') > -1 ?'400':'bold',*/ /*'font-weight':plugins.indexOf('metric-selector') > -1 ?'400':'bold',*/
width:100px; width:108px;
margin-right: 10px; margin-right: 10px;
height: 32px; height: 32px;
text-align: left; text-align: left;