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/detections/detection-drawer.scss

108 lines
2.1 KiB
SCSS

.detection-drawer {
padding: 20px;
height: 100%;
overflow: scroll;
.el-drawer {
width: 440px !important;
}
.el-collapse-item__content {
padding-bottom: 0 !important;
}
.el-overlay {
top: 100px !important;
background-color: rgba(0, 0, 0, 0.16) !important;
}
.detection-drawer-title, .basic-function-value, basic-description-value, .drawer-trigger-minutes {
font-family: NotoSansSChineseRegular;
font-size: 14px;
color: #717171;
font-weight: 400;
line-height: 14px;
display: flex;
}
.drawer-basic {
.drawer-basic-header {
font-family: NotoSansHans-Black;
font-size: 16px;
color: #353636;
font-weight: 900;
margin-bottom: 20px;
.drawer-basic-id {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
i {
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
}
}
}
.drawer-basic-function, .drawer-basic-description {
margin-bottom: 20px;
}
.detection-drawer-title {
margin-bottom: 8px;
}
.basic-description-value {
font-family: NotoSansSChineseRegular;
font-size: 14px;
color: #353636;
line-height: 18px;
font-weight: 400;
}
.basic-function-value {
color: #046ECA;
}
.drawer-trigger-minutes {
color: #353636;
}
.detection-drawer-collapse {
background: #FFFFFF;
border: 1px solid rgba(226, 229, 236, 1);
border-radius: 4px;
//box-shadow: 0 1px 0 0 rgba(226, 229, 236, 1);
.el-collapse-item__header {
height: 32px !important;
background-color: #F7F7F7 !important;
padding-left: 12px !important;
border-radius: 4px 4px 0 0;
}
.drawer-collapse-content {
padding: 20px 20px 0;
.detection__icon {
width: 4px;
height: 12px;
border-radius: 2px;
margin-right: 6px;
}
.drawer-collapse-trigger {
font-family: NotoSansSChineseRegular;
font-size: 14px;
color: #353636;
line-height: 18px;
font-weight: 400;
margin-bottom: 20px;
}
}
}
}