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

CN-1551 feat: element-plus升级后样式调整

Browse Source
This commit is contained in:
chenjinsong
2024-03-08 16:40:16 +08:00
parent fa758db6db
commit 4867b42a9a
23 changed files with 161 additions and 657 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/components/views/administration/AdministrationTabs.scss
View File

@@ -3,11 +3,13 @@
height: 18px;
}
.administration-container {
height: calc(100% - 26px);
height: calc(100% - 86px);
flex-direction: column;
overflow: hidden;
.list-page {
.main-container {
padding: 0px;
padding: 0;
.cn-pagination {
height: 34px;
}

74
src/assets/css/components/views/charts2/networkOverviewTabs.scss
View File

@@ -80,9 +80,13 @@
border: 1px solid #E2E5EC;
border-radius: 4px 4px 0 0;
padding: 1px;
.data-click:hover{
cursor: pointer;
}
.el-table__inner-wrapper {
width: calc(100% + 2px);
}
.el-table__header {
width:100% !important;
}
@@ -129,6 +133,9 @@
.data-click:hover{
cursor: pointer;
}
.el-table__inner-wrapper {
width: calc(100% + 2px);
}
.el-table__header {
width:100% !important;
}
@@ -380,10 +387,10 @@
margin-bottom: 0px !important;
}
.el-tabs__item{
width:50%;
text-align:center;
padding:0px;
height:30px;
width: 50%;
text-align: center;
padding: 0;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #353636;
@@ -400,68 +407,13 @@
border-left: 1px #E2E5EC solid !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item{
border-bottom: 0px ;
border-bottom: 0;
border-top: 3px solid white;
color: #353636;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border:0px ;
border: 0;
}
.list {
list-style: none;
padding-inline-start: 0px !important;
/*height:375px;*/
max-height: 358px !important;
overflow:auto;
margin:0 0;
.drag-move {
transition: transform 0.3s;
}
.list-item:last-child {
margin-bottom: 6px;
}
.list-item {
width:100%;
color: #575757;
margin-bottom: 0px;
height: 24px;
line-height: 24px;
text-align: left;
font-weight:400;
font-size:12px;
.icon-drag{
cursor: move;
margin-left:6px;
margin-right:3px;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
width: 14px;
height: 14px;
background-color: #38ACD2;
border-color: #38ACD2;
border-radius: 2px;
}
.el-checkbox__input .el-checkbox__inner {
width: 14px;
height: 14px;
background-color: #F2F7F9;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 2px;
}
.el-checkbox__input.is-checked + .el-checkbox__label,.el-checkbox__input + .el-checkbox__label {
font-size: 12px;
color: #575757;
font-weight: 400;
}
}
}
/*top:0px !important;
right:200px !important;
transform: translateY(126px) !important;*/
}
.fixed-row {
display:flex;

83
src/assets/css/components/views/setting/knowledgeBase.scss
View File

@@ -677,57 +677,43 @@
}
.list-mode__row {
width: 100%;
height:calc(100% - 102px);
margin-bottom:0px;
padding-bottom:30px;
.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #38ACD2;
background: #38ACD2;
border-radius: 2px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #38ACD2;
border-color: #38ACD2;
}
.el-table--border {
border: 1px solid rgba(226,229,236,1);
border-radius: 4px;
border-bottom:none;
}
.el-table--border th ,.el-table--border td {
border-right: none;
}
height: calc(100% - 80px);
margin-bottom: 0;
.el-table {
&::after {
width: 0;
}
height: 100%;
width: calc(100% - 2px); // 防止出现横向滚动条
border: 1px solid var(--el-table-border-color);
border-bottom: none;
th {
padding-top:6px;
padding-bottom:6px;
font-size:12px;
line-height:12px;
color: #353636;
padding-top: 6px;
padding-bottom: 6px;
font-size: 12px;
line-height: 12px;
color: #333;
font-weight: 500;
}
td {
padding-top:8px;
padding-bottom:8px;
font-size:12px;
line-height:12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px;
line-height: 12px;
color: #353636;
font-weight: 400;
}
.cell {
height: fit-content;
/*max-height:64px;
min-height:32px;*/
line-height: 20px;
.reference-tag__show {
display: flex;
flex-direction: row;
.reference-tag__group {
display: flex;
flex-direction: column;
.reference-tag {
display: inline-block;
padding: 0 10px;
@@ -737,19 +723,27 @@
border-radius: 12px;
margin-bottom: 8px;
width: fit-content;
min-width:fit-content;
min-width: fit-content;
}
.reference-tag:last-of-type {
margin-bottom:0px !important;
margin-right:6px;
margin-bottom: 0 !important;
margin-right: 6px;
}
}
.reference-more {
display:flex;
flex-direction:column-reverse;
display: flex;
flex-direction: column-reverse;
}
}
}
.el-switch {
height: auto;
--el-switch-on-color: #38ACD2;
--el-switch-off-color: #C0CEDB;
}
.el-checkbox__input {
--el-checkbox-checked-bg-color: #38ACD2;
}
}
}
.list-mode__card {
@@ -958,10 +952,15 @@
}
}
.knowledge-pagination {
height:56px;
width:100%;
position: relative;
height: 56px;
width: 100%;
background: #FFFFFF;
box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
.el-pagination {
position: absolute;
bottom: 4px;
}
}
}
}