feat: 푸터 추가

chedakr · May 13, 2024 · 9c9393d · 9c9393d
1 parent 62dded0
commit 9c9393d
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -4,6 +4,7 @@ import { GoogleAnalytics } from '@next/third-parties/google';
 import ReactQueryProvider from "@/components/react-query-provider";
 import { ThemeProvider } from '@/components/theme-provider';
 import Header from '@/components/header';
+import Footer from '@/components/footer';
 import { cn } from '@/lib/utils';
 import { notoSans } from './fonts';
 
@@ -37,6 +38,7 @@ export default function RootLayout({
               <main className="flex flex-col items-center justify-center">
                 {children}
               </main>
+              <Footer />
             </div>
           </ReactQueryProvider>
         </ThemeProvider>

diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
@@ -7,7 +7,7 @@ import useAuth from '@/hooks/useAuth';
 
 export default function LoginPage() {
   return (
-    <div className="flex flex-col space-y-5 justify-center items-center min-h-[calc(100vh-100px)]">
+    <div className="flex flex-col space-y-5 justify-center items-center min-h-[calc(100vh-200px)]">
       <h2 className="text-3xl font-bold">
         체다 서비스에 로그인
       </h2>

diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
@@ -5,7 +5,7 @@ import bufferLogoImage from './icon-resized.png';
 
 export default function Home() {
   return (
-    <div className="flex flex-col min-h-[100dvh] break-keep">
+    <div className="flex flex-col min-h-[calc(100vh-200px)] break-keep">
       <main className="flex-1">
         <section className="w-full py-6 md:py-12 lg:py-16 xl:py-24">
           <div className="container grid gap-4 px-4 text-center md:px-6 xl:gap-10">

diff --git a/apps/web/components/footer/index.tsx b/apps/web/components/footer/index.tsx
@@ -0,0 +1,13 @@
+export default function Footer() {
+  return (
+    <footer className="px-4 lg:px-6 py-7 break-keep flex flex-col max-sm:space-y-3 sm:flex-row justify-between">
+      <div className="text-sm text-gray-400 dark:text-gray-500">
+        &copy; 2024 체다 All rights reserved.
+      </div>
+      <div className="text-sm text-gray-400 dark:text-gray-500">
+        <p>본 사이트는 NAVER Corp.에서 운영하는 사이트가 아닙니다.</p>
+        <p>"치지직" 혹은 "chzzk"은 NAVER Corp.의 등록 상표입니다.</p>
+      </div>
+    </footer>
+  );
+}