Skip to content

[feat] 로그인, 회원가입 페이지 배경 적용 #175

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ghdtnals wants to merge 1 commit into from
Closed

[feat] 로그인, 회원가입 페이지 배경 적용 #175

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/assets/logo/landing-img.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 33 additions & 3 deletions src/layouts/AuthLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,40 @@
import { Outlet } from "react-router-dom";

import LandingImage from "@/assets/logo/landing-img.webp";

export default function AuthLayout() {
return (
<div className="min-h-screen flex justify-center items-start sm:items-center">
<div className="w-[21.875rem]">
<Outlet />
<div className="min-h-screen flex justify-center items-start sm:items-center pt-[4.5625rem] px-2 sm:p-4 bg-primary">
<div className="flex flex-row justify-center w-full max-w-[1024px] gap-2">
<div className="hidden md:flex flex-col">
<div className="hidden md:flex flex-col">
<div>
<h1 className="text-5xl tracking-wider text-white">
<span className="text-6xl">더</span> 나은 조건,
<br />
<span className="text-6xl">더</span> 나은 선택
</h1>

<p className="mt-10 text-xl text-white">
당신에게
<span className="text-2xl font-bold"> 더 </span>
줄게요.
</p>
</div>
</div>

<div className="flex-grow mt-30 mr-10">
<img
src={LandingImage}
alt="더줄게 소개 일러스트"
className="w-full h-full"
/>
</div>
</div>

<div className="bg-white w-full max-w-md rounded-2xl shadow-md px-4 py-8 shrink-0">
<Outlet />
</div>
</div>
</div>
);
Expand Down
2 changes: 1 addition & 1 deletion src/pages/AuthPage/SigninPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,7 @@ export default function SigninPage() {
};

return (
<div className="w-full pt-[8.75rem] sm:pt-0">
<div className="w-full">
<Link to={ROUTES.NOTICE.ROOT}>
<Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
</Link>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/AuthPage/SignupPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ export default function SignupPage() {
};

return (
<div className="w-full pt-[4.5625rem] sm:pt-0">
<div className="w-full">
<Link to={ROUTES.NOTICE.ROOT}>
<Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
</Link>
Expand Down