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

CN-1016 知识库支持卡片和table切换

Browse Source
This commit is contained in:
hyx
2023-05-17 11:29:06 +08:00
parent 80713ff578
commit d64fd595c7
1 changed files with 175 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,6 +11,12 @@
border-radius: 12px; border-radius: 12px;
} }
.list-desc{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.top-title { .top-title {
font-size: 24px; font-size: 24px;
color: #353636; color: #353636;
@@ -163,15 +169,44 @@
display:flex; display:flex;
flex-direction:column; flex-direction:column;
justify-content: space-between; justify-content: space-between;
width: calc(100% - 50px); width: calc(100% - 340px);
max-width: calc(100% - 50px); max-width: calc(100% - 340px);
height:100%; height:100%;
.top-tools { .top-tools {
display: flex; display: flex;
align-items : center; align-items : center;
flex-direction:row; flex-direction:row;
height:28px; justify-content: space-between ;
//height:28px;
width:100%; width:100%;
margin-bottom:20px;
.top-tools__right {
display: flex;
justify-content: flex-end;
align-items: center;
//padding-bottom: 18px;
&>div {
//padding: 0 0 0 10px;
}
.el-button {
color: #575757;
}
.el-button--mini{
padding: 7px 9px !important;
min-height: 28px !important;
&.active i {
color: #046ECA;
}
i {
font-size: 12px;
}
}
}
.top-tools__left {
display: flex;
align-items : center;
flex-direction:row;
.top-tool-btn { .top-tool-btn {
cursor: pointer; cursor: pointer;
height: 28px; height: 28px;
@@ -272,17 +307,58 @@
} }
} }
} }
.cards { }
/*display: flex; .list-mode__row {
flex-flow:row wrap;
margin-bottom:38px;
margin-top: 30px;
*/
width: 100%; width: 100%;
height:calc(100% - 152px); height:calc(100% - 102px);
//overflow-y:auto;
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-right:none;
border-bottom:none;
}
.el-table {
th {
padding-top:6px;
padding-bottom:6px;
font-size:12px;
line-height:12px;
color: #353636;
font-weight: 500;
}
td {
padding-top:8px;
padding-bottom:8px;
font-size:12px;
line-height:12px;
color: #353636;
font-weight: 400;
}
.cell {
height: 20px;
line-height: 20px;
}
}
}
.list-mode__card {
width: 100%;
height:calc(100% - 134px);
overflow-y:auto; overflow-y:auto;
padding-right: 2px; padding-right: 2px;
margin-bottom:30px;
.el-checkbox-group { .el-checkbox-group {
display: grid; display: grid;
grid-template-rows: repeat(auto-fill, 218px); grid-template-rows: repeat(auto-fill, 218px);