fix: 1、调整实体详情--安全事件和性能事件样式;2、删除无用代码;3、修复axios错误导入方式

This commit is contained in:
刘洪洪
2023-05-05 17:54:30 +08:00
parent 67b67dd5c1
commit 7c93a47b7c
6 changed files with 24 additions and 74 deletions

View File

@@ -0,0 +1,73 @@
.entity-detail-tabs {
position: relative;
$tab-border-color: #E2E5EC;
height: 100%;
.entity-detail-tabs__active-bar {
position: absolute;
height: 3px;
top: 1px;
background-color: #046EC9;
border-radius: 4px 4px 0 0;
transition: all linear .2s;
z-index: 3;
}
.cn-chart__tabs--border-card {
height: 100%;
border: none;
box-shadow: none;
& > .el-tabs__header {
background-color: #fff;
border-bottom: 1px solid $tab-border-color;
.el-tabs__item {
color: #353636;
i {
margin-right: 8px;
}
}
.el-tabs__item:not(.is-disabled):not(.is-active):hover {
color: #353636;
}
.el-tabs__item.is-active {
color: #046ECA;
background-color: #FFFFFF;
border-right-color: $tab-border-color;
border-left-color: $tab-border-color;
border-radius: 4px 4px 0 0;
box-shadow: 0 1px $tab-border-color inset;
&:hover {
color: #046ECA;
}
}
.el-tabs__item:first-of-type.is-active {
box-shadow: 1px 1px $tab-border-color inset;
}
}
.el-tabs__content {
height: calc(100% - 39px);
border: 1px solid $tab-border-color;
border-top: none;
padding: 30px 20px 20px 20px; // 根据原型调整上边距为30px但20px更协调
}
.tab-pane--border-card {
height: 100%;
overflow: auto;
}
}
}
.entity-detail-event-border {
border: 1px solid #E2E5EC;
border-radius: 4px;
}