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>
|
<p className="text-gray-500">멤버 정보를 수정합니다</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{loading ? (
|
{!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>
|
|
||||||
) : (
|
|
||||||
<motion.form
|
<motion.form
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 12 }}
|
||||||
animate={{ opacity: 1, y: 0 }}
|
animate={{ opacity: 1, y: 0 }}
|
||||||
|
transition={{
|
||||||
|
duration: 0.4,
|
||||||
|
ease: [0.25, 0.1, 0.25, 1],
|
||||||
|
delay: 0.15,
|
||||||
|
}}
|
||||||
onSubmit={handleSubmit}
|
onSubmit={handleSubmit}
|
||||||
className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm"
|
className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue