[Category] ITEM 메뉴

Detail Notes :
 
1. 제품 리스트 box-shadow 수정 및 컨텐츠 영역 초과되는 부분 수정

com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.jsx

@@ -82,24 +82,23 @@ export default function ItemContents() {
 
   return (
     <>
-      <div>
-        <Container className={css.container}>
-          {itemListDatas && itemListDatas.length > 0 && (
-            <TVirtualGridList
-              spotlightId={SpotlightIds.CATEGORY_CONTENTS_BOX}
-              dataSize={itemListDatas.length}
-              renderItem={renderItem}
-              itemWidth={324}
-              itemHeight={438}
-              spacing={18}
-              onClick={handleItemClick}
-            />
-          )}
-          {itemListDatas && itemListDatas.length === 0 && (
-            <NoResultsCategoryItems />
-          )}
-        </Container>
-      </div>
+      <Container className={css.container}>
+        {itemListDatas && itemListDatas.length > 0 && (
+          <TVirtualGridList
+            spotlightId={SpotlightIds.CATEGORY_CONTENTS_BOX}
+            dataSize={itemListDatas.length}
+            renderItem={renderItem}
+            itemWidth={324}
+            itemHeight={438}
+            spacing={15}
+            onClick={handleItemClick}
+            className={css.itemList}
+          />
+        )}
+        {itemListDatas && itemListDatas.length === 0 && (
+          <NoResultsCategoryItems />
+        )}
+      </Container>
     </>
   );
 }

com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less

@@ -2,6 +2,10 @@
 @import "../../../../style/utils.module.less";
 
 .container {
-  .size(@w: 100%, @h: auto);
-  margin-top: 34px;
+  .size(@w: 1720px, @h: auto);
+  margin-top: 14px;
+  margin-left: -20px;
+  .itemList {
+    padding: 20px;
+  }
 }