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

NEZ-2702 fix：样式修改

Browse Source
This commit is contained in:
zyh
2023-03-22 14:28:52 +08:00
parent 94e47bff3c
commit a1b14d04bc
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
nezha-fronted/src/assets/css/components/chart/chart.scss
View File

@@ -544,6 +544,12 @@
text-align: center; text-align: center;
color: $--color-text-secondary; color: $--color-text-secondary;
word-break: normal; word-break: normal;
position: absolute;
left: 0;
right: 0;
&.comparison-text-center{
transform: translateY(-50%);
}
.nz-icon{ .nz-icon{
font-size: 1em; font-size: 1em;
color: $--color-text-regular; color: $--color-text-regular;
@@ -552,7 +558,6 @@
color: #19be6b; color: #19be6b;
} }
.comparison-decrease{ .comparison-decrease{
// color: #ed4014;
color: #eb1010; color: #eb1010;
} }
} }

10
nezha-fronted/src/components/chart/chart/chartStat.vue
View File

@@ -14,7 +14,7 @@
fontSize: item.fontSize, fontSize: item.fontSize,
}" }"
> >
<div style="maxWidth:100%;position: relative;z-index: 10;"> <div style="maxWidth:100%;z-index: 10;">
<!-- all --> <!-- all -->
<template v-if="chartInfo.param.text==='all'"> <template v-if="chartInfo.param.text==='all'">
<div v-if="item.mapping" :style="{color:item.mapping.color.text}"> <div v-if="item.mapping" :style="{color:item.mapping.color.text}">
@@ -54,7 +54,7 @@
<!-- comparison --> <!-- comparison -->
<template v-if="comparisonShow(item)"> <template v-if="comparisonShow(item)">
<div class="comparison-text" :style="{fontSize: parseInt(item.fontSize)/2>12?parseInt(item.fontSize)/2+'px':'12px'}"> <div :class="{'comparison-text-center':chartInfo.param.text==='none'}" class="comparison-text" :style="{fontSize: parseInt(item.fontSize)/3>12?parseInt(item.fontSize)/3+'px':'12px'}">
<span v-if="chartInfo.param.comparison==='hour'">{{$t('dashboard.hourComparison')}}</span> <span v-if="chartInfo.param.comparison==='hour'">{{$t('dashboard.hourComparison')}}</span>
<span v-if="chartInfo.param.comparison==='day'">{{$t('dashboard.dayComparison')}}</span> <span v-if="chartInfo.param.comparison==='day'">{{$t('dashboard.dayComparison')}}</span>
<span v-if="chartInfo.param.comparison==='week'">{{$t('dashboard.weekComparison')}}</span> <span v-if="chartInfo.param.comparison==='week'">{{$t('dashboard.weekComparison')}}</span>
@@ -492,13 +492,13 @@ export default {
let minHeight let minHeight
switch (this.chartInfo.param.text) { switch (this.chartInfo.param.text) {
case 'all': case 'all':
minHeight = 64 minHeight = 72
break break
case 'legend': case 'legend':
minHeight = 40 minHeight = 56
break break
case 'value': case 'value':
minHeight = 40 minHeight = 56
break break
case 'none': case 'none':
minHeight = 24 minHeight = 24

2
nezha-fronted/src/components/common/rightBox/dashboardTempBox.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div v-clickoutside="{obj: editDashboard, func: esc}" class="right-box right-box-dashboard-temp"> <div v-clickoutside="{obj: editDashboard, func: esc}" class="right-box right-box-dashboard-temp">
<div class="right-box__header"> <div class="right-box__header">
<div class="header__title">{{$t("dashboard.dashboard.createPanelTitle")}}</div> <div class="header__title">{{$t("dashboard.dashboard.createDashboardTitle")}}</div>
<div class="header__operation"> <div class="header__operation">
<span v-cancel="{obj: editDashboard, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span> <span v-cancel="{obj: editDashboard, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
</div> </div>