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

feat：样式修改

Browse Source
This commit is contained in:
zhangyu
2020-10-15 15:34:00 +08:00
parent bd2027468a
commit 259282faa5
7 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -670,6 +670,7 @@ li{
border-bottom: 1px solid #E4E7ED;
margin: 0 -6px;
background-color: $content-right-background-color;
margin-bottom: 10px;
}
.sub-top-tools>div {
margin-top: 2px;
@@ -2223,4 +2224,7 @@ li{
.right-box .right-box-form-delete .nz-icon-delete{
}
.nz-icon-caret-right{
font-size: 12px;
}

4
nezha-fronted/src/components/common/header.vue
View File

@@ -19,13 +19,13 @@
</el-submenu>
<el-submenu :index="'-1'" class="icon-menu-item" popper-class="display-none">
<div slot="title" class="el-submenu__title" @click="cli" >
<i class="nz-icon nz-icon-cli"></i>
<i class="nz-icon nz-icon-cli" style="font-size: 18px;"></i>
<div class="right-tip" v-show="$store.state.consoleCount>0">{{$store.state.consoleCount<=10?$store.state.consoleCount:'10+'}}</div>
</div>
</el-submenu>
<el-submenu index="0" popper-class="nz-submenu" class="icon-menu-item">
<template slot="title">
<i class="nz-icon-create-square nz-icon"></i>
<i class="nz-icon-create-square nz-icon" style="font-size: 18px;"></i>
</template>
<template v-for="(item, index) in createMenu">
<el-menu-item :index="'0-' + index">

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

@@ -4,7 +4,7 @@
<chart-unit v-model="unit" v-if="useChartUnit"></chart-unit>
<div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-r-20" v-show="useRefresh" style="height: 24px;line-height: 24px;vertical-align: middle;">
<button style="border-right: 1px solid rgba(162,162,162,0.50);" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="refreshDataFunc">
<i style="font-size: 12px" class="global-active-color nz-icon nz-icon-refresh"></i>&nbsp;
<i style="font-size: 14px" class="global-active-color nz-icon nz-icon-refresh"></i>&nbsp;
<span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span>
</button>
<el-popover v-model="visible" placement="bottom-start" :width="50" trigger="click" popper-class="interval-refresh-popover" >
@@ -14,7 +14,7 @@
</li>
</ul>
<button type="button" style="border-radius: 0 4px 4px 0;" class="nz-btn nz-btn-size-normal nz-btn-style-light" slot="reference">
<span class="nz-btn nz-btn-text">{{interval.value != -1 ? interval.label : ''}}&nbsp</span><i style="font-size: 12px" class="nz-icon nz-icon-arrow-down"></i>
<span class="nz-btn nz-btn-text">{{interval.value != -1 ? interval.label : ''}}&nbsp</span><i style="font-size: 14px" class="nz-icon nz-icon-arrow-down"></i>
</button>
</el-popover>
</div>

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

@@ -949,7 +949,7 @@
padding: 0;
}
.ql-editor{
padding:10px !important;
padding:7px 10px 10px 10px !important;
overflow: hidden;
}
.metric-editor.metric-editor-rb {

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

@@ -45,14 +45,14 @@
</div>
<div class="chart-view right-margin" v-show="!showIntroduce"
:class="{'shrink-view':!chartVisible || !defaultChartVisible}" style="position:relative;">
<div class="view-title" @click="changeChartVisible" style="position:absolute;z-index: 1000"><i class="nz-icon nz-icon-caret-top" ></i>&nbsp;graph</div>
<div class="view-title" @click="changeChartVisible" style="position:absolute;z-index: 1000;top:10px;"><i class="nz-icon nz-icon-caret-top" ></i>&nbsp;graph</div>
<div class="chart-room">
<chart ref="exploreChart" :unit="chartUnit"></chart>
</div>
</div>
<div class="table-view right-margin" v-show="!showIntroduce"
:class="{'shrink-view':!tableVisible || !defaultTableVisible}">
<div class="view-title" @click="changeTableVisible"><i class="nz-icon nz-icon-caret-top"></i>&nbsp;table</div>
:class="{'shrink-view':!tableVisible || !defaultTableVisible}" style="position: relative">
<div class="view-title" @click="changeTableVisible" style="position:absolute;z-index: 1000;top:10px;"><i class="nz-icon nz-icon-caret-top"></i>&nbsp;table</div>
<div class="table-room">
<!-- 自定义table列 -->
<transition name="el-zoom-in-top">
@@ -624,7 +624,7 @@ instance_cpu_time_ns{app="fox", proc="widget", rev="4d3a513", env="prod", job="c
}
.explore .chart-view, .table-view {
padding: 10px;
padding: 22px 10px 10px 10px;
border: 1px solid lightgrey;
box-sizing: inherit;
margin-bottom: 5px;
@@ -648,6 +648,7 @@ instance_cpu_time_ns{app="fox", proc="widget", rev="4d3a513", env="prod", job="c
}
.table-room {
position: relative;
margin-top: 10px;
}
.explore .view-title {
font-weight: 500;

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

@@ -40,7 +40,7 @@
</template>
</div>
</div>
<div v-if="styleType == 1">
<div v-if="styleType == 1" style="margin-left: 10px">
<div class="query-options nz-btn-group nz-btn-group-size-normal nz-btn-group-light">
<div class="option nz-btn nz-btn-size-normal nz-btn-style-light" @click="addExpression" v-if="plugins.indexOf('add') > -1"><i class="nz-icon nz-icon-plus"></i></div>
<div class="option nz-btn nz-btn-size-normal nz-btn-style-light" @click="removeExpression" v-if="plugins.indexOf('remove') > -1"><i class="nz-icon nz-icon-minus"></i></div>

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

@@ -359,7 +359,7 @@
chartUnit=chartUnit?chartUnit:2;
let unit=chartDataFormat.getUnit(chartUnit);
let flag=JSON.stringify(value).length>JSON.stringify(chartDataFormat.Interval(maxValue,copies,unit.type)).length;
if(dot===0&&flag){
if(dot===0 || flag){
dot=1;
}
return unit.compute(value,index,-1,dot);