🎨 design(#31): 레이아웃 크기, 색상 수정

src/containers/dashboard/ColumnsSection.tsx

@@ -26,8 +26,8 @@ export default function ColumnsSection({ id }: ColumnsSectionProps) {
   }
 
   return (
-    <section className='block bg-gray-fa lg:flex'>
-      <ul className='block bg-gray-fa lg:flex'>
+    <section className='block lg:flex'>
+      <ul className='block lg:flex'>
         {columns?.data && columns.data.map((column) => <Column key={column.id} column={column} />)}
       </ul>
 

src/containers/mydashboard/index.tsx

@@ -2,7 +2,7 @@ import DashboardList from './DashboardList';
 
 export default function MyDashboard() {
   return (
-    <div className='h-dvh bg-gray-fa p-10'>
+    <div className='h-dvh p-10'>
       <DashboardList />
     </div>
   );

src/layouts/MainLayout.tsx

@@ -9,24 +9,24 @@ export default function MainLayout({ children }: { children: React.ReactNode })
 
   if (currentPath === '/') {
     return (
-      <>
+      <div className='min-w-[360px]'>
         <Header />
         {children}
-      </>
+      </div>
     );
   }
 
   const isDisabled = currentPath === '/signin' || currentPath === '/signup' || currentPath === '/404';
 
-  if (isDisabled) return <>{children}</>;
+  if (isDisabled) return <div className='min-w-[360px]'>{children}</div>;
 
   return (
-    <div className='flex max-h-dvh max-w-screen-lg'>
+    <div className='flex min-w-[360px]'>
       <Sidebar />
 
       <div className='flex grow flex-col'>
         <Header />
-        <main className='flex flex-col overflow-y-scroll'>{children}</main>
+        <main className='flex flex-col overflow-y-scroll bg-gray-fa'>{children}</main>
       </div>
     </div>
   );