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

feat: 补充network overview - 折线图内容，及样式调整

Browse Source
This commit is contained in:
@changcode
2022-07-08 14:11:30 +08:00
parent 9f86c16d05
commit a631ddfade
4 changed files with 124 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/assets/css/components/views/charts/NetworkOverviewLine.scss
View File

@@ -1,8 +1,91 @@
.line {
height: 100%;
width: 100%;
position: relative;
#chart {
width: 1288px;
height: 340px;
}
.line-select {
line-height: 24px;
top: 10px;
right: 20px;
display: flex;
position: absolute;
.line-select-metric,.line-select-reference-line {
display: flex;
span {
font-family: NotoSansSChineseRegular;
font-size: 12px;
color: #575757;
font-weight: 400;
}
.line-select__operation {
height: 24px;
margin-left: 3px;
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px;
.option__select {
.el-input__inner {
width: 80px;
height: 24px;
text-align: left;
line-height: 24px;
color: #2C72C6;
}
.el-input__suffix {
display: flex;
.el-input__suffix-inner {
line-height: 24px;
.el-select__caret {
line-height: 24px;
width: 16px;
color: #575757;
}
}
}
}
.option__select.select-column {
.el-input__inner {
width: 86px;
padding-left: 8px;
}
}
.icon-group-divide {
height: 14px;
width: 1px;
background-color: $--color-primary;
}
i {
font-size: 12px;
}
}
}
.line-select-reference-line {
margin-left: 20px;
}
}
.line-value {
position: absolute;
top: 30px;
left: 27px;
height: 34px;
line-height: 34px;
display: flex;
.line-value-mpackets {
margin-right: 30px;
span:nth-of-type(1) {
font-size: 28px;
color: #353636;
font-weight: 500;
margin-right: 4px;
}
span:nth-of-type(2) {
font-size: 12px;
color: #575757;
font-weight: 400;
}
}
}
}