feat: dashboard定义
This commit is contained in:
@@ -2,14 +2,12 @@
|
||||
height: calc(100% - 50px);
|
||||
background-color: $--content-right-background-color;
|
||||
width: 100%;
|
||||
&>div {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.cn-header {
|
||||
display: flex;
|
||||
height: 50px;
|
||||
border-bottom: 1px solid #e2e5ec;
|
||||
|
||||
.header__left {
|
||||
display: flex;
|
||||
@@ -18,7 +16,8 @@
|
||||
.header__left-breadcrumb.el-breadcrumb {
|
||||
padding-left: 20px;
|
||||
.header__left-breadcrumb-item.el-breadcrumb-item {
|
||||
display: inline-block; max-width: 300px;
|
||||
display: inline-block;
|
||||
max-width: 300px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
@import './views/detections/detection-list/detection-list';
|
||||
@import './views/detections/detection-list/row';
|
||||
@import './views/detections/detection-overview';
|
||||
@import './views/charts/panel';
|
||||
// @import './views/charts/panel';
|
||||
@import 'views/charts/chartIpOpenPortBar';
|
||||
@import './views/charts/chartTable';
|
||||
@import './views/charts/chartSingleValue';
|
||||
@@ -45,5 +45,5 @@
|
||||
@import './views/report/builtinReport';
|
||||
@import './components/rightBox/report/builtinReportBox';
|
||||
|
||||
|
||||
@import './views/charts2/panel';
|
||||
//@import '../chart';
|
||||
|
||||
25
src/assets/css/components/views/charts2/panel.scss
Normal file
25
src/assets/css/components/views/charts2/panel.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
.panel-box {
|
||||
height: calc(100% - 20px);
|
||||
.panel__header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
padding: 0 20px 20px;
|
||||
|
||||
.panel__title {
|
||||
font-size: 20px;
|
||||
color: #353636;
|
||||
}
|
||||
.panel__time {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
.chart-list {
|
||||
height: calc(100% - 46px);
|
||||
overflow: auto;
|
||||
&>.vue-grid-layout {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -85,9 +85,6 @@
|
||||
overflow: auto;
|
||||
background-color: $--content-right-background-color;
|
||||
|
||||
&>.cn-entity-detail .entity-detail__body>.cn-panel {
|
||||
background-color: white;
|
||||
}
|
||||
&>.cn-entity-detail .entity-detail__body>.cn-panel2 {
|
||||
.panel-chart {
|
||||
.chart-header.panel-chart-block {
|
||||
|
||||
Reference in New Issue
Block a user