This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
cyber-narrator-cn-ui/src/assets/css/components/views/charts/NetworkOverviewLine.scss

95 lines
2.0 KiB
SCSS
Raw Normal View History

2022-07-08 09:34:09 +08:00
.line {
height: 100%;
width: 100%;
position: relative;
2022-07-08 09:34:09 +08:00
#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;
margin-right: 3px;
}
.line-select__operation {
height: 24px;
margin-left: 3px;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px;
.option__select {
2022-07-08 17:06:24 +08:00
pointer-events:none;
.el-input__inner {
width: 80px;
height: 24px;
2022-07-08 17:06:24 +08:00
padding-left: 4px;
line-height: 24px;
2022-07-08 17:06:24 +08:00
font-size: 12px;
color: #2C72C6;
2022-07-08 17:06:24 +08:00
font-weight: 400;
}
.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: 700;
margin-right: 4px;
}
span:nth-of-type(2) {
font-size: 12px;
color: #575757;
font-weight: 400;
}
}
}
2022-07-08 09:34:09 +08:00
}