INIT
This commit is contained in:
42
frontend/src/app/findpw/page.tsx
Normal file
42
frontend/src/app/findpw/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
'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">
|
||||
<div className="w-full max-w-[320px] lg:max-w-sm">
|
||||
<FindPwForm />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user