style: MemberEdit 페이지 애니메이션 부드럽게 개선
- spring 애니메이션 적용 - scale 애니메이션 추가 - 더 부드러운 전환 효과 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
f64f6cee00
commit
66fef502ff
1 changed files with 7 additions and 6 deletions
|
|
@ -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"
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue