style: MemberEdit 페이지 애니메이션 부드럽게 개선

- spring 애니메이션 적용
- scale 애니메이션 추가
- 더 부드러운 전환 효과

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-01-22 19:04:48 +09:00
parent f64f6cee00
commit 66fef502ff

View file

@ -162,14 +162,15 @@ function AdminMemberEdit() {
<p className="text-gray-500">멤버 정보를 수정합니다</p>
</div>
{loading ? (
<div className="flex justify-center items-center py-20">
<div className="animate-spin rounded-full h-12 w-12 border-4 border-primary border-t-transparent" />
</div>
) : (
{!loading && (
<motion.form
initial={{ opacity: 0, y: 20 }}
initial={{ opacity: 0, y: 12 }}
animate={{ opacity: 1, y: 0 }}
transition={{
duration: 0.4,
ease: [0.25, 0.1, 0.25, 1],
delay: 0.15,
}}
onSubmit={handleSubmit}
className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm"
>