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

NEZ-928 fix: panel 页面 左侧选择器样式调整

Browse Source
This commit is contained in:
@changcode
2021-08-25 10:38:46 +08:00
parent 6a2e4675d0
commit c4bbf8698a
5 changed files with 51 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
nezha-fronted/src/components/page/dashboard/panel.vue
View File

@@ -13,7 +13,7 @@
<template v-slot:header>
<div class="panel-select-header">
<el-input id="panel-list-search" v-model="filterPanel" :placeholder="$t('overall.search')" clearable size="mini" style="width: 340px;"></el-input>
<span id="panel-list-toadd" v-has="'panel_add'" :title='$t("dashboard.panel.createPanelTitleSec")' class="panel-select-add" @click="toAdd"><i class="nz-icon nz-icon-plus"></i></span>
<!-- <span id="panel-list-toadd" v-has="'panel_add'" :title='$t("dashboard.panel.createPanelTitleSec")' class="panel-select-add" @click="toAdd"><i class="nz-icon nz-icon-plus"></i></span>-->
</div>
</template>
<template v-slot:trigger>
@@ -21,6 +21,11 @@
<i slot="prefix" class="el-icon-menu"></i>
</el-input>
</template>
<template v-slot:tail>
<div class="panel-select-tail">
<span id="panel-list-toadd" v-has="'panel_add'" :title='$t("dashboard.panel.createPanelTitleSec")' class="panel-select-add" @click="toAdd"><i class="nz-icon nz-icon-create-square"></i>&nbsp;&nbsp;Add</span>
</div>
</template>
</select-panel>
</div>
<div class="top-tool-right">
@@ -904,9 +909,19 @@ export default {
display: flex;
justify-content: space-evenly;
margin-bottom: 15px;
}
.panel-select-tail {
.panel-select-add {
line-height: 26px;
line-height: 32px;
height: 32px;
display: inline-block;
cursor: pointer;
i {
color: #FA901C;
font-size: 12px;
font-weight: bold;
padding-left: 20px;
}
}
}
/* end-chart list*/