Merge pull request #307 from prgrms-web-devcourse-final-project/refactor/nav-bar

[chore] nav-bar spacer 사이즈 조정

Author: kangsuyeong

src/layouts/Layout.tsx

@@ -8,7 +8,7 @@ import BottomNav from '@/layouts/bottomNav/BottomNav';
 
 function Layout() {
   return (
-    <div className="max-w-[600px] min-w-[320px] w-full bg-background flex min-h-screen mx-auto">
+    <div className="max-w-[600px] min-w-[320px] w-full bg-background flex flex-col min-h-screen mx-auto">
       {/* 헤더 */}
       <HeaderWrapper />
 
@@ -21,7 +21,7 @@ function Layout() {
               initial={{ opacity: 0 }}
               animate={{ opacity: 1 }}
               transition={{ duration: 0.3 }}
-              className="flex justify-center w-full h-full"
+              className="flex justify-center w-full"
             >
               <Outlet />
             </motion.div>

src/layouts/bottomNav/BottomNav.tsx

@@ -78,7 +78,7 @@ export default function BottomNav() {
       </nav>
 
       {/* Spacer: 콘텐츠가 하단바에 가려지지 않도록 */}
-      <div className="h-[62px]" />
+      <div className="h-[69px]" />
     </>
   );
 }

src/pages/landing/Landing.tsx

@@ -8,12 +8,12 @@ function Landing() {
     navigate('/login');
   };
   return (
-    <div className="flex flex-col w-full justify-center relative">
+    <div className="relative flex flex-col justify-center w-full h-full">
       <div className="flex flex-col gap-3 mt-[44px] mb-[180px]">
-        <p className="h3-b text-gray-80 text-center">
+        <p className="text-center h3-b text-gray-80">
           음악으로 감정을 기록하고 <br /> 누군가와 이어지는 순간
         </p>
-        <p className="caption-r text-gray-60 text-center">
+        <p className="text-center caption-r text-gray-60">
           당신의 감정을 음악으로 표현하고 <br /> 같은 감정을 나누는 이들과 연결되세요
         </p>
         <MusicAnimation />