diff --git a/src/assets/css/components/views/charts2/npmAppEventTable.scss b/src/assets/css/components/views/charts2/npmAppEventTable.scss index e52a083e..1be6dd8c 100644 --- a/src/assets/css/components/views/charts2/npmAppEventTable.scss +++ b/src/assets/css/components/views/charts2/npmAppEventTable.scss @@ -56,16 +56,17 @@ } .el-table__body-wrapper.is-scrolling-none { tr td { - padding: 7.5px 0; + padding: 8px 0 0 0; } } } .data-app-event-table{ display: flex !important; - height: 20px; + height: auto; line-height: 20px; flex-direction: row; align-items: center; + flex-wrap: wrap; .data-severity { font-size: 12px; color: #353636; @@ -87,26 +88,6 @@ height:6px; margin-right:4px; } - .critical { - color: #E26154; - background: rgba(226,97,84, .18); - } - .high { - color: #E48E4D; - background: rgba(228,142,77, .18); - } - .info { - color: #88AF65; - background: rgba(136,175,101, .18); - } - .medium { - color: #E7B34E; - background: rgba(231,179,78, .18); - } - .low { - color: #DAC74B; - background: rgba(218,199,75, .18); - } .data-applications { font-size: 12px; color: $blue; @@ -121,12 +102,15 @@ border-radius: 4px; padding: 0 6px; margin-right:10px; + min-width: fit-content; + margin-bottom: 8px; } .data-eventCount { font-family: NotoSansHans-Medium; font-size: 12px; color: #046ECA; font-weight: 500; + width:200px; } } .el-table--group::after,.el-table--border::after, .el-table::before { diff --git a/src/views/charts2/charts/NetworkOverviewTabs.vue b/src/views/charts2/charts/NetworkOverviewTabs.vue index 527358a8..d6127d39 100644 --- a/src/views/charts2/charts/NetworkOverviewTabs.vue +++ b/src/views/charts2/charts/NetworkOverviewTabs.vue @@ -45,7 +45,7 @@ {{scope.row['trendValue']}}