43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { FindPwForm } from "@/components/auth/findpw-form"
|
|
import Image from "next/image"
|
|
|
|
export default function FindPwPage() {
|
|
return (
|
|
<div className="grid min-h-svh lg:grid-cols-2">
|
|
{/* 데스크톱: 왼쪽 로고 이미지 영역 */}
|
|
<div className="bg-white relative hidden lg:flex items-center justify-center">
|
|
<Image
|
|
src="/logo-graphic.svg"
|
|
alt="한우 유전능력 컨설팅 로고"
|
|
fill
|
|
className="object-contain p-16 -translate-y-12 translate-x-24"
|
|
priority
|
|
/>
|
|
</div>
|
|
|
|
{/* 오른쪽 폼 영역 */}
|
|
<div className="flex flex-col p-6 md:p-10 bg-white">
|
|
{/* 모바일: 상단 로고 - 폼 바로 위에 배치 */}
|
|
<div className="lg:hidden flex justify-center mb-6 mt-4">
|
|
<Image
|
|
src="/logo-graphic.svg"
|
|
alt="한우 유전능력 컨설팅 로고"
|
|
width={200}
|
|
height={200}
|
|
className="object-contain"
|
|
priority
|
|
/>
|
|
</div>
|
|
|
|
<div className="flex flex-1 items-center justify-center lg:justify-start lg:pl-16">
|
|
<div className="w-full max-w-[320px] lg:max-w-sm">
|
|
<FindPwForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|