design: 상세페이지 여백 수정

i-Tracker · Jun 7, 2024 · dde2549 · dde2549
1 parent 2197778
commit dde2549
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/(iTracker)/layout.tsx b/src/app/(iTracker)/layout.tsx
@@ -2,7 +2,7 @@ import { Header } from '@/shared/components/Header';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex-1 w-full flex flex-col gap-10 max-w-[1080px] mx-auto px-4">
+    <div className="flex-1 w-full flex flex-col gap-8 max-w-[1080px] mx-auto px-4">
       <Header />
       {children}
     </div>

diff --git a/src/app/(iTracker)/products/[productId]/layout.tsx b/src/app/(iTracker)/products/[productId]/layout.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  return <div className="flex-1 w-full flex flex-col py-4">{children}</div>;
+  return <div className="flex-1 w-full flex flex-col">{children}</div>;
 }
diff --git a/src/features/productDetail/components/ProductDetail/index.tsx b/src/features/productDetail/components/ProductDetail/index.tsx
@@ -23,7 +23,7 @@ export const ProductDetail = async ({ productId }: { productId: number }) => {
 
     return (
       <div>
-        <div className="my-8 w-full">
+        <div className="mb-8 w-full">
           <div className="flex flex-col items-start md:flex-row md:items-center gap-12 md:gap-16">
             <div className="flex items-center md:flex-col md:items-start gap-12 md:gap-4">
               <div className="w-auto h-full rounded-md border-gray-200 border">