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

style: 样式调整

Browse Source
This commit is contained in:
@changcode
2022-01-26 14:34:51 +08:00
parent 78e5b7b76d
commit 4f5afe8433
8 changed files with 470 additions and 535 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/assets/css/components/views/charts/chartTable.scss
View File

@@ -1,81 +1,71 @@
.cn-panel2 {
position: relative;
.chart-list {
.vue-grid-layout>.vue-grid-item {
.cn-chart {
height: 100% !important;
.active-ip.cn-chart__table {
height: calc(100% - 47px) !important;
}
.cn-chart__table{
display: flex;
flex-direction: column;
height: 100%;
.cn-chart__body {
flex: auto;
overflow-y: auto;
height: 100%;
width: 100%;
.active-ip.cn-chart__table {
height: calc(100% - 47px) !important;
}
.cn-chart__table{
display: flex;
flex-direction: column;
height: 100%;
.cn-chart__body {
flex: auto;
overflow-y: auto;
height: 100%;
width: 100%;
.el-table {
padding: 0 10px;
.el-table__body-wrapper.is-scrolling-none {
height: 100%;
overflow-y: auto;
}
&:before {
height: 0;
}
thead {
color: #333;
}
th.is-leaf, td {
border-bottom: none;
}
th {
padding-bottom: 5px;
}
td {
padding: 4px 0;
color: #333;
}
}
.active-ip__icon {
overflow: hidden;
position: absolute;
top: 8px;
left: 6px;
display: flex;
justify-content: center;
justify-items: center;
align-items: center;
width: 23px;
height: 23px;
border-radius: 50%;
background: #e8fbf9;
border: 2px solid #e8fbf9;
}
.ip-green {
color: #23BF9A;
}
.active-ip__content {
position: absolute;
top: 7px;
left: 35px;
overflow: hidden;
}
}
.chart-table-pagination.el-pagination {
padding: 12px 0 9px 0;
text-align: center;
.el-pagination__jump {
margin-left: 10px;
}
}
}
.el-table {
padding: 0 10px;
.el-table__body-wrapper.is-scrolling-none {
height: 100%;
overflow-y: auto;
}
&:before {
height: 0;
}
thead {
color: #333;
}
th.is-leaf, td {
border-bottom: none;
}
th {
padding-bottom: 5px;
}
td {
padding: 4px 0;
color: #333;
}
}
.active-ip__icon {
overflow: hidden;
position: absolute;
top: 8px;
left: 6px;
display: flex;
justify-content: center;
justify-items: center;
align-items: center;
width: 23px;
height: 23px;
border-radius: 50%;
background: #e8fbf9;
border: 2px solid #e8fbf9;
}
.ip-green {
color: #23BF9A;
}
.active-ip__content {
position: absolute;
top: 7px;
left: 35px;
overflow: hidden;
}
}
.chart-table-pagination.el-pagination {
padding: 12px 0 9px 0;
text-align: center;
.el-pagination__jump {
margin-left: 10px;
}
}
}