From b08af9e2e39d26ace626d08e93297930b05e30b9 Mon Sep 17 00:00:00 2001 From: puretension Date: Fri, 26 Apr 2024 19:10:26 +0900 Subject: [PATCH 1/9] =?UTF-8?q?=E2=9C=A8Feat:=20Footer=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1=20#30?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/svg/icons/common/right_arrow.svg | 3 ++ src/components/layout/footer/Footer.tsx | 50 +++++++++++++++++++++++++ src/styles/globals.css | 36 ++++++++++++++++++ 3 files changed, 89 insertions(+) create mode 100644 public/svg/icons/common/right_arrow.svg create mode 100644 src/components/layout/footer/Footer.tsx diff --git a/public/svg/icons/common/right_arrow.svg b/public/svg/icons/common/right_arrow.svg new file mode 100644 index 0000000..a9fc20c --- /dev/null +++ b/public/svg/icons/common/right_arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/layout/footer/Footer.tsx b/src/components/layout/footer/Footer.tsx new file mode 100644 index 0000000..4a4da3f --- /dev/null +++ b/src/components/layout/footer/Footer.tsx @@ -0,0 +1,50 @@ +'use client'; +import React from 'react'; +import RightArrowIcon from 'public/svg/icons/common/right_arrow.svg'; + +/** + * @description + * 레이아웃 Footer + * @component Footer + * @returns {JSX.Element} Footer + * @since 2024.04.26 + */ + +const Footer = () => { + const handlePress = () => { + console.log('Arrow clicked'); + }; + + return ( + + ); +}; + +export default Footer; diff --git a/src/styles/globals.css b/src/styles/globals.css index 0991b6c..aba40c5 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -89,3 +89,39 @@ line-height: calc(14 / 12); } } + +/* Footer */ +.F1 { + font-weight: 500; + letter-spacing: 0.25px; + font-family: Pretendard-Medium; + font-size: 1rem; +} +.F2 { + font-weight: 200; + font-family: Pretendard-Medium; + font-size: 0.75rem; + line-height: calc(28 / 14); +} + .F3 { + font-weight: 200; + font-family: Pretendard-Regular; + font-size: 0.7rem; + line-height: calc(28 / 14); +} +.contact-item { + display: flex; + gap: 0.5rem; + flex-direction: row; +} +.mt-4 { + margin-top: 1rem; +} +.mt-2 { + margin-top: 0.3rem; +} +.label-width { + width: 2rem; +} + + From f427e6dc2bfed2ba975e8ad00e58075799133030 Mon Sep 17 00:00:00 2001 From: puretension Date: Fri, 26 Apr 2024 19:12:34 +0900 Subject: [PATCH 2/9] =?UTF-8?q?=F0=9F=8E=A8Design:=20=EB=B0=B0=EA=B2=BD?= =?UTF-8?q?=EC=83=89=20Indigo=20->=20black=EC=9C=BC=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD=20=EB=B0=8F=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83?= =?UTF-8?q?=EC=97=90=20=ED=91=B8=ED=84=B0=20=EC=B6=94=EA=B0=80=20#30?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/layout.tsx | 4 +++- src/components/layout/.keep | 0 2 files changed, 3 insertions(+), 1 deletion(-) create mode 100644 src/components/layout/.keep diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c22254f..896ebef 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,6 +4,7 @@ import clsx from 'clsx'; import Script from 'next/script'; import { NotoSans } from './fonts'; import Navigation from '@/components/navigation'; +import Footer from "@/components/layout/footer/Footer"; export const metadata = { title: { @@ -29,12 +30,13 @@ export default function RootLayout({ // max-w-[430px] mx-auto : 430px 이상일 때 가운데 정렬 ['min-h-screen w-full'], ['shadow-xl'], - ['bg-[#050014]'], + ['bg-[#000000]'], ['text-white'], )} >
{children}
+