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-09-01 18:28:22 +08:00
parent 897f9285e8
commit 7c6c18b20b
6 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/components/index.scss
View File

@@ -25,8 +25,8 @@
@import './views/detections/detection-list/row'; @import './views/detections/detection-list/row';
@import './views/detections/detection-overview'; @import './views/detections/detection-overview';
@import './views/charts/chartSingleValue'; @import './views/charts/chartSingleValue';
// @import './views/charts/panel'; @import './views/charts/panel';
/*@import 'views/charts/chartIpOpenPortBar'; @import 'views/charts/chartIpOpenPortBar';
@import './views/charts/chartTable'; @import './views/charts/chartTable';
@import './views/charts/chartCryptocurrencyEventList'; @import './views/charts/chartCryptocurrencyEventList';
@import './views/charts/chartAppBasicInfo'; @import './views/charts/chartAppBasicInfo';
@@ -41,7 +41,7 @@
@import './views/charts/chartAlarmInfo'; @import './views/charts/chartAlarmInfo';
@import './views/chartHeader'; @import './views/chartHeader';
@import './views/charts/chartMap'; @import './views/charts/chartMap';
@import 'views/charts/chartRelationShipList';*/ @import 'views/charts/chartRelationShipList';
@import './views/report/builtinReport'; @import './views/report/builtinReport';
@import './components/rightBox/report/builtinReportBox'; @import './components/rightBox/report/builtinReportBox';

2
src/assets/css/components/views/charts2/panel.scss
View File

@@ -1,4 +1,4 @@
.panel-box { .panel-box2 {
height: calc(100% - 20px); height: calc(100% - 20px);
.panel__header { .panel__header {
display: flex; display: flex;

3
src/assets/css/components/views/entityExplorer/entity-detail.scss
View File

@@ -87,7 +87,8 @@
flex: 1; flex: 1;
padding: 10px; padding: 10px;
overflow: auto; overflow: auto;
background-color: $--content-right-background-color; //background-color: $--content-right-background-color;
background-color: rgb(239, 242, 245);
&>.cn-entity-detail .entity-detail__body>.cn-panel2 { &>.cn-entity-detail .entity-detail__body>.cn-panel2 {
.panel-chart { .panel-chart {

11
src/assets/css/themes/common.scss
View File

@@ -4,6 +4,17 @@
border-radius: 5px; border-radius: 5px;
/*border: 1px solid #fff;*/ /*border: 1px solid #fff;*/
} }
.entity-detail__content::-webkit-scrollbar-thumb,.cn-container-entity::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 5px;
/*border: 1px solid #fff;*/
}
.entity-detail__content::-webkit-scrollbar-thumb:hover,.cn-container-entity::-webkit-scrollbar-thumb:hover {
background-color: #ccc;
border-radius: 5px;
/*border: 1px solid #fff;*/
}
/*---鼠标点击滚动条显示样式--*/ /*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #ddd; background-color: #ddd;

2
src/components/layout/Container.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="cn-container" :style="entityDetectionStyle" id="cnContainer"> <div class="cn-container" :style="entityDetectionStyle" :class="{'cn-container-entity': entityDetectionStyle}" id="cnContainer">
<router-view :key="routerKey"/> <router-view :key="routerKey"/>
</div> </div>
</template> </template>

2
src/views/charts2/Panel.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="panel-box"> <div class="panel-box2">
<div class="panel__header"> <div class="panel__header">
<div class="panel__title">{{panelName?panelName:(panel.i18n ? $t(panel.i18n) : panel.name)}} <div class="panel__title">{{panelName?panelName:(panel.i18n ? $t(panel.i18n) : panel.name)}}
<div v-if="score" class="score"> <div v-if="score" class="score">