gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: table图标位置调整

Browse Source
This commit is contained in:
chenjinsong
2022-07-15 17:49:35 +08:00
parent 45a1586c2e
commit 076cb932f7
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/css/components/views/charts2/networkOverviewTabs.scss
View File

@@ -11,19 +11,18 @@
padding:1px; padding:1px;
border-radius: 4px; border-radius: 4px;
.tab-table { .tab-table {
border:0px; border: 0;
} }
.data-total{ .data-total{
display: flex !important; display: flex;
height: 20px;
} }
.data-total-trend { .data-total-trend {
display: flex; display: flex;
margin-left: 6px; margin-left: 6px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 2px;
border-radius: 10px; border-radius: 10px;
font-weight:500;
} }
.data-total-trend-black { .data-total-trend-black {
background-color: rgba(113,113,113,0.12); background-color: rgba(113,113,113,0.12);
@@ -67,7 +66,7 @@
} }
.el-tabs__item { .el-tabs__item {
margin: 0 20px 0 0; margin: 0 20px 0 0;
padding:0px; padding: 0;
font-weight: 400; font-weight: 400;
color:$grey; color:$grey;
font-size:14px; font-size:14px;
@@ -77,7 +76,7 @@
color:$blue; color:$blue;
height: 33px; height: 33px;
margin:0 20px 0 0; margin:0 20px 0 0;
padding:0px; padding: 0;
font-weight:400; font-weight:400;
} }
} }

2
src/views/charts2/charts/NetworkOverviewTabs.vue
View File

@@ -41,7 +41,7 @@
<i class="cn-icon-decline cn-icon"></i>{{scope.row['trendValue']}} <i class="cn-icon-decline cn-icon"></i>{{scope.row['trendValue']}}
</div> </div>
<div v-else class="data-total-trend data-total-trend-black"> <div v-else class="data-total-trend data-total-trend-black">
<i class="cn-icon-constant cn-icon"></i> <i class="cn-icon-constant cn-icon" style="line-height: 20px;"></i>
</div> </div>
</template> </template>
</div> </div>