feat(layout): Add layout title logo

junction-asia-2023 · Aug 19, 2023 · 4c59d78 · 4c59d78
1 parent bfaf08e
commit 4c59d78
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/src/features/login/logo.svg → public/svg/logo.svg b/src/features/login/logo.svg → public/svg/logo.svg
diff --git a/src/features/login/Container.tsx b/src/features/login/Container.tsx
@@ -1,9 +1,10 @@
 import { FunctionComponent } from 'react';
 
 import useLogin from './hooks/useLogin';
-import logo from './logo.svg';
 import './style/index.scss';
 
+import logo from '/svg/logo.svg';
+
 const LoginContainer: FunctionComponent = () => {
   const { errors, register, handleSubmit, onSubmit } = useLogin();
 

diff --git a/src/features/shared/layout/components/Title.tsx b/src/features/shared/layout/components/Title.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { titleAtom } from '../atom';
 
+import logo from '/svg/logo.svg';
 import backLogo from '/svg/back.svg';
 
 const LayoutTitle: FunctionComponent = () => {
@@ -23,7 +24,15 @@ const LayoutTitle: FunctionComponent = () => {
           <img src={backLogo} alt="Back Logo" onClick={handleBackClick} />
         )}
       </div>
-      <div className="title">{title}</div>
+      <div className="title">
+        {title === 'CardMe' ? (
+          <div className="logo">
+            <img className="logo" src={logo} alt="logo" />
+          </div>
+        ) : (
+          title
+        )}
+      </div>
       <div className="left" />
     </div>
   );

diff --git a/src/features/shared/layout/layout.scss b/src/features/shared/layout/layout.scss
@@ -12,7 +12,7 @@
   justify-content: space-between;
   align-items: center;
   height: 61px;
-  padding: 8px;
+  padding: 0px 8px;
   gap: 8px;
 
   &.under-line {
@@ -38,6 +38,10 @@
     font-weight: 500;
     font-size: 24px;
     line-height: 24px;
+
+    .logo {
+      height: 24px;
+    }
   }
 }