diff --git a/public/assets/productList.webp b/public/assets/productList.webp new file mode 100644 index 00000000..b5d0b226 Binary files /dev/null and b/public/assets/productList.webp differ diff --git a/src/components/shared/product-article/ProductArticle.module.scss b/src/components/shared/product-article/ProductArticle.module.scss index 1fa48716..0657b01c 100644 --- a/src/components/shared/product-article/ProductArticle.module.scss +++ b/src/components/shared/product-article/ProductArticle.module.scss @@ -43,33 +43,33 @@ } } - &.row { - box-sizing: border-box; - flex-direction: row; - width: fit-content; - padding: 10px; - border: none; - box-shadow: 1px 2px 6px rgba($color: #000, $alpha: 5%); - gap: 10px; + // &.row { + // box-sizing: border-box; + // flex-direction: row; + // width: fit-content; + // padding: 10px; + // border: none; + // box-shadow: 1px 2px 6px rgba($color: #000, $alpha: 5%); + // gap: 10px; - .imgBox { - flex-shrink: 0; - width: 85px; - height: 85px; - overflow: hidden; - border-radius: 8px; - aspect-ratio: 1/1; + // .imgBox { + // flex-shrink: 0; + // width: 85px; + // height: 85px; + // overflow: hidden; + // border-radius: 8px; + // aspect-ratio: 1/1; - .icon { - position: absolute; - top: 15px; - left: 15px; - } - } + // .icon { + // position: absolute; + // top: 15px; + // left: 15px; + // } + // } - .infoBox { - height: 85px; - padding: 0; - } - } + // .infoBox { + // height: 85px; + // padding: 0; + // } + // } } diff --git a/src/components/shared/product-article/ProductArticle.tsx b/src/components/shared/product-article/ProductArticle.tsx index a3bca6ef..2dbe85c1 100644 --- a/src/components/shared/product-article/ProductArticle.tsx +++ b/src/components/shared/product-article/ProductArticle.tsx @@ -23,7 +23,7 @@ function ProductArticle({ isRow = false, itemData }: ProductArticleProps) {
제품 이미지
- {itemData.brand} + {itemData.brand} {itemData.productName}
{itemData.upperItem}