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

fix: 修复 事件类型 图表不展示问题

Browse Source
This commit is contained in:
@changcode
2022-08-12 19:12:44 +08:00
parent b5a980ed3f
commit c02bf1a9aa
4 changed files with 155 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/assets/css/components/views/charts2/npmEventsByType.scss
View File

@@ -13,63 +13,68 @@
border: 1px solid #E2E5EC;
border-radius: 4px;
display: flex;
align-items: center;
.npm-event-pie-legends {
.npm-event-pies {
height: 100%;
width: 100%;
display: flex;
width: 40%;
justify-content: space-around;
.npm-event-pie-legend {
.npm-event-pie-legend-title {
font-size: 12px;
color: #575757;
line-height: 12px;
font-weight: 400;
margin-bottom: 15px;
}
.npm-event-pie-legend-type {
font-size: 12px;
color: #353636;
line-height: 12px;
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 11px;
.npm-event-pie-legend-type-icon {
width: 8px;
height: 8px;
margin-right: 5px;
align-items: center;
.chart-drawing {
height: 100%;
width: 50%;
}
.npm-event-pie-legends {
display: flex;
width: 40%;
justify-content: space-around;
.npm-event-pie-legend {
.npm-event-pie-legend-title {
font-size: 12px;
color: #575757;
line-height: 12px;
font-weight: 400;
margin-bottom: 15px;
}
.npm-event-pie-legend-type-severity {
text-transform: capitalize;
.npm-event-pie-legend-type {
font-size: 12px;
color: #353636;
line-height: 12px;
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 11px;
.npm-event-pie-legend-type-icon {
width: 8px;
height: 8px;
margin-right: 5px;
}
.npm-event-pie-legend-type-severity {
text-transform: capitalize;
}
.critical {
background: rgb(226,97,84);
}
.high {
background: rgb(228,142,77);
}
.info {
background: rgb(136,175,101);
}
.medium {
background: rgb(231,179,78);
}
.low {
background: rgb(218,199,75);
}
}
.critical {
background: rgb(226,97,84);
.npm-event-pie-legend-total {
font-size: 12px;
color: #353636;
line-height: 12px;
font-weight: 600;
margin-bottom: 11px;
}
.high {
background: rgb(228,142,77);
}
.info {
background: rgb(136,175,101);
}
.medium {
background: rgb(231,179,78);
}
.low {
background: rgb(218,199,75);
}
}
.npm-event-pie-legend-total {
font-size: 12px;
color: #353636;
line-height: 12px;
font-weight: 600;
margin-bottom: 11px;
}
}
}
.chart-drawing {
height: 100%;
width: 50%;
}
}
}