fix: body margin 값 수정 (기존 576~1024 구간 ui 치우침) (#4)

notionpresso · Nov 21, 2024 · 8a7dcd1 · 8a7dcd1
1 parent 10ae728
commit 8a7dcd1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -67,7 +67,7 @@ export default function RootLayout({
         GeistMono.variable
       )}
     >
-      <body className="antialiased max-w-xl mx-4 mt-8 lg:mx-auto text-black bg-white dark:text-white dark:bg-black">
+      <body className="antialiased max-w-xl mx-4 mt-8 sm:mx-auto text-black bg-white dark:text-white dark:bg-black">
         <ThemeProvider attribute='class' defaultTheme='light' >
           <main className="flex-auto min-w-0 mt-6 flex flex-col px-2 md:px-0">
             <Navbar />

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -6,6 +6,9 @@ module.exports = {
   ],
   theme: {
     extend: {},
+    screens: {
+      'sm': '38rem',
+    }
   },
   plugins: [],
   darkMode: 'class'