feat: 제품 상세 페이지 완성

Kernel360 · Jan 21, 2024 · ebcf276 · ebcf276
1 parent 020352c
commit ebcf276
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/app/product/[id]/page.module.scss b/src/app/product/[id]/page.module.scss
@@ -9,6 +9,17 @@
   background-color: var(--white);
 }
 
+.accordionItem {
+  .container {
+    width: 100%;
+    border-top: 1px solid var(--gray);
+
+    &:last-of-type {
+      border-bottom: 1px solid var(--gray);
+    }
+  }
+}
+
 .accordionHeader {
   display: flex;
   align-items: center;

diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx
@@ -98,7 +98,7 @@ function ProductDetailsPage() {
             </Flex>
           </AccordionBody>
         </AccordionItem>
-        <AccordionItem itemName="productDetails">
+        <AccordionItem itemName="productDetails" className={cx('accordionItem')}>
           <AccordionHeader
             className={cx('accordionHeader')}
             openIcon={<DropdownArrow isRotate={false} color="gray200" />}