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

修改样式

Browse Source
This commit is contained in:
admin
2021-07-05 10:22:17 +08:00
parent 4adbd359e3
commit 43f6875f2a
1 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/charts/panel.scss
View File

@@ -55,27 +55,37 @@
} }
&>.cn-chart__single-value.cn-chart__single-value--icon-left { &>.cn-chart__single-value.cn-chart__single-value--icon-left {
display: flex; display: flex;
justify-content: space-evenly; justify-content: center;
align-items: center; align-items: center;
.single-value-icon__box{
height: 70px;
flex: 4;
display: flex;
justify-content: space-around;
align-items: center;
}
.single-value__icon { .single-value__icon {
position: relative; margin-right: 7.5%;
width: 72px; width: 72px;
height: 72px; height: 72px;
background-color: $--chart-single-value-icon-background-color; background-color: $--chart-single-value-icon-background-color;
border-radius: 50%; border-radius: 50%;
i { i {
position: absolute; display: flex;
top: 50%; justify-content: space-around;
left: 50%; align-items: center;
transform: translate(-50%,-50%); margin-top: 25px;
font-size: 28px; font-size: 28px;
color: $--color-primary; color: $--color-primary;
} }
} }
.single-value__content { .single-value__content {
flex: 6;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -86,9 +96,19 @@
font-weight: bold; font-weight: bold;
} }
.content__title { .content__title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: 80px;
font-size: 16px; font-size: 16px;
color: #666666; color: #666666;
} }
.content__title:hover{
overflow: visible;
white-space: inherit;
min-width:100%;
}
} }
} }
&>.cn-chart__single-value.cn-chart__single-value--icon-right { &>.cn-chart__single-value.cn-chart__single-value--icon-right {