CN-1096 fix: 调整布局
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user