@@ -7,42 +7,45 @@ import useLayoutSize from "@/hooks/useLayoutSize";
77const 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