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

CN-988 fix: 样式调整

Browse Source
This commit is contained in:
刘洪洪
2023-05-09 17:55:02 +08:00
parent e08a59d6cf
commit 9242c3d3f0
4 changed files with 34 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/assets/css/components/views/charts2/entityDetailTabs.scss
View File

@@ -1,6 +1,7 @@
.entity-detail-tabs { .entity-detail-tabs {
position: relative; position: relative;
$tab-border-color: #E2E5EC; $tab-border-color: #E2E5EC;
$tab-border-radius: 4px;
height: 100%; height: 100%;
.entity-detail-tabs__active-bar { .entity-detail-tabs__active-bar {
@@ -66,9 +67,29 @@
overflow: auto; overflow: auto;
} }
} }
}
.entity-detail-event-border { .entity-detail-event-border {
border: 1px solid #E2E5EC; border: 1px solid #E2E5EC;
border-radius: 4px; border-radius: $tab-border-radius;
margin-bottom: 10px;
}
.entity-detail-event-block {
width: calc(100% - 2px);
}
.entity-detail-event-error {
margin-top: 18px;
margin-left: 8px;
}
.entity-detail-performance {
height: 46px;
border-radius: $tab-border-radius;
}
.entity-detail-security {
height: 70px;
border-radius: $tab-border-radius;
}
} }

2
src/components/common/TimeRange/DateTimeRange.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div v-ele-click-outside="changeDropdown" style="position: relative;z-index: 3" class="date-range-box"> <div v-ele-click-outside="changeDropdown" style="position: relative;z-index: 4" class="date-range-box">
<div @click="showDropdown" class="date-range-text" :class="class" :style="style"> <div @click="showDropdown" class="date-range-text" :class="class" :style="style">
<div class="calendar-popover-text"><i class="cn-icon cn-icon-Data"></i></div> <div class="calendar-popover-text"><i class="cn-icon cn-icon-Data"></i></div>
<div class="calendar-popover-text" style="display: flex" v-if="isCustom"> <div class="calendar-popover-text" style="display: flex" v-if="isCustom">

9
src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue
View File

@@ -1,15 +1,14 @@
<template> <template>
<chart-error v-if="showError" style="margin-top: 18px;margin-left: 8px;"></chart-error> <chart-error v-if="showError" class="entity-detail-event-error"></chart-error>
<chart-no-data v-if="isNoData && !showError"></chart-no-data> <chart-no-data v-if="isNoData && !showError"></chart-no-data>
<div v-if="!isNoData && !showError"> <div v-if="!isNoData && !showError" class="entity-detail-event-block">
<div <div
class="entity-detail-event-border" class="entity-detail-event-border"
v-for="item in eventList" v-for="item in eventList"
:key="item.eventId" :key="item.eventId">
style="margin-bottom: 10px;">
<div class="cn-detection--list"> <div class="cn-detection--list">
<div class="cn-detection__case" style="height: 46px"> <div class="cn-detection__case entity-detail-performance">
<div class="cn-detection__icon" :style="`background-color: ${eventSeverityColor1[item.eventSecurity]}`"></div> <div class="cn-detection__icon" :style="`background-color: ${eventSeverityColor1[item.eventSecurity]}`"></div>
<div class="cn-detection__row"> <div class="cn-detection__row">
<div class="cn-detection__header"> <div class="cn-detection__header">

9
src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue
View File

@@ -1,15 +1,14 @@
<template> <template>
<chart-error v-if="showError" style="margin-top: 18px;margin-left: 8px;"></chart-error> <chart-error v-if="showError" class="entity-detail-event-error"></chart-error>
<chart-no-data v-if="isNoData && !showError"></chart-no-data> <chart-no-data v-if="isNoData && !showError"></chart-no-data>
<div v-if="!isNoData && !showError"> <div v-if="!isNoData && !showError" class="entity-detail-event-block">
<div <div
class="entity-detail-event-border" class="entity-detail-event-border"
v-for="item in eventList" v-for="item in eventList"
:key="item.eventId" :key="item.eventId">
style="margin-bottom: 10px;">
<div class="cn-detection--list"> <div class="cn-detection--list">
<div class="cn-detection__case" style="height: 70px"> <div class="cn-detection__case entity-detail-security">
<div class="cn-detection__icon" :style="`background-color: ${eventSeverityColor1[item.eventSecurity]}`"></div> <div class="cn-detection__icon" :style="`background-color: ${eventSeverityColor1[item.eventSecurity]}`"></div>
<div class="cn-detection__row"> <div class="cn-detection__row">
<div class="cn-detection__header"> <div class="cn-detection__header">