Moaguide-develop · kch2234 · Jan 24, 2025 · Jan 24, 2025
diff --git a/public/header/alert.svg b/public/header/alert.svg
diff --git a/public/header/logo.svg b/public/header/logo.svg
diff --git a/public/header/mypage.svg b/public/header/mypage.svg
diff --git a/public/header/search.svg b/public/header/search.svg
diff --git a/public/sidebar/Coupon.svg b/public/sidebar/Coupon.svg
diff --git a/public/sidebar/Editor.svg b/public/sidebar/Editor.svg
diff --git a/public/sidebar/Purchase.svg b/public/sidebar/Purchase.svg
diff --git a/public/sidebar/Setting.svg b/public/sidebar/Setting.svg
diff --git a/src/Layouts/MainLayout.tsx b/src/Layouts/MainLayout.tsx
@@ -4,11 +4,13 @@ import Footer from '../components/Footer';
 
 const MainLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   return (
-    <div className="flex flex-col min-h-screen">
+    <div className="flex flex-col bg-[#F6F6F4] min-h-screen">
       <Header />
-      <div className="flex flex-1">
+      <div className="flex flex-1 mx-[236px] mt-[112px] mb-[230px]">
         <Sidebar />
-        <div className="flex-1 bg-gray-50 p-6">{children}</div>
+        <div className="flex-1 mx-8 bg-white p-4 rounded-xl border border-gray-200">
+          {children}
+        </div>
       </div>
       <Footer />
     </div>