diff --git a/src/features/login/logo.svg b/public/svg/logo.svg similarity index 100% rename from src/features/login/logo.svg rename to public/svg/logo.svg diff --git a/src/features/login/Container.tsx b/src/features/login/Container.tsx index 4ca9efe..9ceffdd 100644 --- 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 index b525cc0..177cb70 100644 --- 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 = () => { Back Logo )} -
{title}
+
+ {title === 'CardMe' ? ( +
+ logo +
+ ) : ( + title + )} +
); diff --git a/src/features/shared/layout/layout.scss b/src/features/shared/layout/layout.scss index 03af1c6..a265f47 100644 --- 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; + } } }