-TitemCard css 수정
-MainPanel( onsale, subcategory )부분 수정
This commit is contained in:
@@ -101,7 +101,7 @@
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
.size(@w: 288px, @h: 288px);
|
.size(@w: 288px, @h: 288px);
|
||||||
object-fit: cover;
|
object-fit: contain;
|
||||||
border: solid 1px #f0f0f0;
|
border: solid 1px #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
.bestSeller {
|
.bestSeller {
|
||||||
padding: 60px 0;
|
padding: 60px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow-x: auto;
|
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
.subTitle {
|
.subTitle {
|
||||||
border-left: 6px solid #c70850;
|
border-left: 6px solid #c70850;
|
||||||
@@ -16,9 +16,11 @@
|
|||||||
.onSaleItem {
|
.onSaleItem {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
width: calc(630px * 12);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
overflow-x: auto;
|
||||||
.onSaleItemList {
|
.onSaleItemList {
|
||||||
|
flex: none;
|
||||||
width: 630px;
|
width: 630px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|||||||
@@ -104,6 +104,7 @@ const SubCategory = () => {
|
|||||||
productName={item.prdtNm}
|
productName={item.prdtNm}
|
||||||
priceInfo={item.priceInfo}
|
priceInfo={item.priceInfo}
|
||||||
accType={true}
|
accType={true}
|
||||||
|
offerInfo={item.offerInfo}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user