Merge pull request #86 from Soohyuniii/fix/background-color-적용

fix: 전체 레이아웃 내 background color 적용

Author: Soohyuniii

src/App.tsx

@@ -11,7 +11,7 @@ import KaKaoLogin from "@/pages/KaKaoLogin";
 import MbtiTestIntro from "@/pages/MbtiTestIntro";
 import MbtiTestQuestions from "@/pages/MbtiTestQuestions";
 import MbtiTestResult from "@/pages/MbtiTestResult";
-import CenteredLayout from "./components/CenteredLayout";
+import CenteredLayout from "@/components/CenteredLayout";
 
 const App = () => {
   return (

src/components/CenteredLayout.tsx

@@ -1,14 +1,12 @@
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
 interface CenteredLayoutProps {
   children: ReactNode;
 }
 
 const CenteredLayout = ({ children }: CenteredLayoutProps) => (
-  <div className="flex justify-center w-screen">
-    <div className="w-full flex justify-center">
-      {children}
-    </div>
+  <div className="flex min-h-screen w-screen justify-center bg-gray-50">
+    <div className="flex w-full justify-center bg-gray-50">{children}</div>
   </div>
 );