ttk-app-core
Version:
enterprise develop framework
57 lines (55 loc) • 1.24 kB
text/less
.ttk-edf-app-productlist {
width: 100%;
height: 100%;
padding: 10px;
overflow: auto;
.ttk-edf-app-productlist-products{
.react-grid-item {
flex: 0 0 25%;
padding:10px;
.mk-card {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.ant-card-body {
padding: 0px;
flex: 1;
overflow: hidden;
text-align: center;
display: flex;
flex-direction: column;
align-items: flex-start;
}
img {
width: 100%;
height: 60%;
}
}
}
&-item {
width: 100%;
&-price {
float: right;
padding: 10px;
color: red
}
&-title {
float: left;
padding: 10px;
}
}
&-products {
overflow: auto;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
&-footer{
height: 58px;
flex: 0 0 58px;
justify-content:center;
align-items:center;
}
}