CN-1096 fix: 调整布局

This commit is contained in:
chenjinsong
2023-08-10 16:14:04 +08:00
parent 4bf68a9983
commit c6b7c725a0
2 changed files with 58 additions and 37 deletions

View File

@@ -67,7 +67,7 @@
.knowledge-base-built-in__content {
display:flex;
flex-direction:row;
padding:12px 20px 20px 20px;
padding:12px 0 20px 20px;
height:calc(100% - 52px);
.list-card {
display:flex;
@@ -106,16 +106,33 @@
box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
border: 1px solid rgba(197,197,197,1) !important;
}
.card-item {
.card-box {
display: inline-block;
background: #FFFFFF;
padding-bottom: 16px;
padding-right: 16px;
height: 274px;
@media only screen and (min-width: 1024px) {
width: 25%;
}
@media only screen and (min-width: 1440px) {
width: 20%;
}
@media only screen and (min-width: 1920px) {
width: 16.65%
}
@media only screen and (min-width: 2560px) {
width: 12.5%
}
}
.card-item {
display: flex;
flex-direction: column;
border: 1px solid rgba(226,229,236,1);
border-radius: 4px;
margin-bottom:16px;
margin-right:16px;
height:258px;
width:300px;
display:flex;
flex-direction:column;
height: 100%;
.card-content {
height:calc(100% - 32px);
padding:15px;
@@ -245,7 +262,7 @@
color: #717171;
line-height: 18px;
font-weight: 400;
margin-bottom:0px;
margin-bottom:0;
max-height:88px;
overflow: hidden;