feat: 로고 이미지 추가

홈, 로그인 페이지
DDD-Community · Feb 16, 2024 · 8a46311 · 8a46311
1 parent c5aae83
commit 8a46311
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 9 deletions.
diff --git a/src/assets/logos/text_logo_l.svg b/src/assets/logos/text_logo_l.svg
diff --git a/src/assets/logos/text_logo_m.svg b/src/assets/logos/text_logo_m.svg
diff --git a/src/components/organisms/Header.tsx b/src/components/organisms/Header.tsx
@@ -32,7 +32,7 @@ const Header: React.FC<{
 
   return (
     <div
-      className={`flex justify-center items-center fixed top-0 w-screen max-w-[480px] py-[12px] px-[20px] z-[1000] ${background}`}
+      className={`flex ${headerLeft ? 'justify-between' : 'justify-center'} items-center fixed top-0 w-screen max-w-[480px] py-[12px] px-[20px] z-[1000] ${background}`}
     >
       {headerLeft ?? (
         <button
@@ -45,11 +45,13 @@ const Header: React.FC<{
           />
         </button>
       )}
-      <div className="flex justify-center text-center w-full">
-        <p className="heading3-bold text-gray8 pt-1">
-          {typeof headerTitle === 'string' ? headerTitle : ''}
-        </p>
-      </div>
+      {!headerLeft && (
+        <div className="flex justify-center text-center w-full">
+          <p className="heading3-bold text-gray8 pt-1">
+            {typeof headerTitle === 'string' ? headerTitle : ''}
+          </p>
+        </div>
+      )}
       {headerRight ?? <div className="w-7" />}
     </div>
   );

diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
@@ -1,5 +1,6 @@
 import { type NextPage } from 'next';
 import MyFridgeImg from '@/assets/images/img_home_my.svg';
+import LogoTextImg from '@/assets/logos/text_logo_m.svg';
 import FriendsFridgeImg from '@/assets/images/img_home_friend.svg';
 import { GreenArrowButton } from '@/components/atoms';
 import { NearExpirationWarnBox, SvgAndTextBox } from '@/components/molecules';
@@ -14,7 +15,7 @@ const Home: NextPage = () => {
     <div className="pt-[52px]">
       <Header
         headerTitle={''}
-        headerLeft={<div className="w-[100px] h-3 bg-point2" />}
+        headerLeft={<LogoTextImg />}
         headerRight={
           <div>
             <AlarmIcon />