Skip to content

Commit 44ffb20

Browse files
committed
style: TermsAndPrivacyt 감싸는 div에 pb-4 추가
1 parent a05f8c0 commit 44ffb20

File tree

1 file changed

+15
-12
lines changed

1 file changed

+15
-12
lines changed

src/pages/Login.tsx

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,42 +7,45 @@ import useLayoutSize from "@/hooks/useLayoutSize";
77
const Login = () => {
88
const layoutSize = useLayoutSize();
99
const isPC = layoutSize === "lg";
10-
const [isModalOpen, setIsModalOpen] = useState<{isOpen : boolean, mode : "terms" | "privacy"}>({
10+
const [isModalOpen, setIsModalOpen] = useState<{
11+
isOpen: boolean;
12+
mode: "terms" | "privacy";
13+
}>({
1114
isOpen: false,
12-
mode: "terms",
15+
mode: "terms"
1316
});
1417

15-
const openModal =(mode : "terms" | "privacy")=> {
16-
setIsModalOpen({mode:mode, isOpen : true});
17-
}
18+
const openModal = (mode: "terms" | "privacy") => {
19+
setIsModalOpen({ mode: mode, isOpen: true });
20+
};
1821
const closeModal = () => {
19-
setIsModalOpen((state) => ({mode:state.mode, isOpen : false}));
20-
}
22+
setIsModalOpen((state) => ({ mode: state.mode, isOpen: false }));
23+
};
2124

2225
const isOpen = isModalOpen.isOpen;
2326
const isTerms = isModalOpen.mode === "terms";
2427

2528
return (
26-
<main className="bg-white flex flex-col items-center h-[812px]">
29+
<main className="flex h-[812px] flex-col items-center bg-white">
2730
<img
2831
src={isPC ? "/image/login/banner_lg.png" : "/image/login/banner.png"}
2932
alt="로그인 페이지 이미지"
30-
className="w-full h-[391px]"
33+
className="h-[391px] w-full"
3134
/>
32-
<h1 className="mt-12 font-bold text-3xl text-center whitespace-pre-wrap">
35+
<h1 className="mt-12 text-center text-3xl font-bold whitespace-pre-wrap">
3336
MBTI 성향 기반
3437
<br />
3538
AI 채팅 시뮬레이션으로
3639
<br />
3740
대화 연습과 꿀팁 얻어가세요
3841
</h1>
39-
<div className="mt-[39px] text-gray-900 text-xl">
42+
<div className="mt-[39px] text-xl text-gray-900">
4043
대화 연습부터, 피드백까지 드려요
4144
</div>
4245
<div className="mt-[47px]">
4346
<KakaoLoginButton />
4447
</div>
45-
<div className="w-full mt-auto mb-1">
48+
<div className="mt-auto w-full pb-4">
4649
<TermsAndPrivacy openModal={openModal} />
4750
</div>
4851
{isOpen ? (

0 commit comments

Comments
 (0)