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

CN-332 fix : 样式修改

Browse Source 
CN-333 fix : 样式修改
This commit is contained in:
zhangxiaolong
2022-03-08 09:40:56 +08:00
parent 2d1419b74b
commit e5ccc621f8
8 changed files with 108 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/assets/css/components/views/chartHeader.scss
View File

@@ -1,64 +1,78 @@
.cn-chart-header-button {
display: flex;
button:first-of-type {
border-radius: 2px 0 0 2px;
}
.cn-chart-header-button-all {
border-color: #0091FF;
color: #0091FF;
background-color: #FFFFFF;
border-radius: 2px 0 0 2px;
}
.cn-chart-header-button-critical {
border-color: #0091FF;
color: #0091FF;
border-radius: 2px;
background-color: #FFFFFF;
}
.cn-chart-header-button-high {
border-color: #0091FF;
border-radius: 2px;
background-color: #FFFFFF;
color: #0091FF;
}
.cn-chart-header-button-low {
border-color: #0091FF;
border-radius: 2px;
background-color: #FFFFFF;
color: #0091FF;
}
.cn-chart-header-button-info {
border-color: #0091FF;
border-radius: 2px;
background-color: #FFFFFF;
color: #0091FF;
}
.cn-chart-header-button-medium {
border: 1px solid #0091FF;
border-radius: 2px;
background-color: #FFFFFF;
color: #0091FF;
}
.el-button--default {
height: 24px;
border-radius: 2px;
min-height: 24px;
.cn-chart-header-button-group {
display: flex;
justify-content: center;
align-items: center;
font-family: Roboto-Regular;
font-size: 12px;
font-weight: 400;
.el-button {
border-radius: 0%;
}
.el-button:hover {
background: #FFFFFF;
border-color: #0091FF;
}
.el-button:last-of-type {
border-radius: 0 2px 2px 0;
}
.el-button:first-of-type{
border-radius: 2px 0 0 2px;
}
.cn-chart-header-button-all {
border-color: #0091FF;
color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
}
.cn-chart-header-button-critical {
border-color: #0091FF;
color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
}
.cn-chart-header-button-high {
border-color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
color: #0091FF;
}
.cn-chart-header-button-low {
border-color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
color: #0091FF;
}
.cn-chart-header-button-info {
border-color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
color: #0091FF;
}
.cn-chart-header-button-medium {
border-color: #0091FF;
background-color: #FFFFFF;
z-index: 1;
color: #0091FF;
}
.el-button--default {
height: 24px;
min-height: 24px;
display: flex;
justify-content: space-around;
align-items: center;
font-family: Roboto-Regular;
font-size: 12px;
font-weight: 400;
}
}
}

3
src/assets/css/components/views/charts/ChartOneSituationStatistics.scss
View File

@@ -1,9 +1,10 @@
.chart-one-situation-statistics{
padding-top: 22px;
height: 100%;
.situation-statistics-main {
display: flex;
align-items: center;
margin-left: 33px;
height: 100%;
.situation-statistics-main-left{
display: block;
width: 76px;

6
src/assets/css/components/views/charts/ChartTwoSituationStatistics.scss
View File

@@ -1,18 +1,18 @@
.chart-two-situation-statistics{
padding-top: 22px;
.situation-statistics-top {
.chart-two-situation-statistics-top {
display: flex;
align-items: center;
margin-left: 33px;
padding-top: 22px;
.situation-statistics-main-left{
.chart-two-situation-statistics-main-left{
display: block;
.el-progress__text span{
font-size: 16px;
}
}
.situation-statistics-main-right{
.chart-two-situation-statistics-main-right{
margin-left: 22px;
:first-child{
font-size: 18px;

1
src/assets/css/components/views/charts/chartAlarmInfo.scss
View File

@@ -108,7 +108,6 @@
.cn-alarm-info-bottom-type {
width: auto;
border-radius: 2px;
font-family: Roboto-Regular;
line-height: 16px;
font-size: 12px;