feat(schedule): 달력 및 일정 목록 영역에 진입 애니메이션 추가
- 왼쪽 영역(달력, 카테고리): 왼쪽에서 슬라이드 인 - 오른쪽 영역(일정 목록): 오른쪽에서 슬라이드 인 - 타이틀 애니메이션과 연속되도록 delay 적용 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
7d140aa1f3
commit
9163ade56d
1 changed files with 14 additions and 4 deletions
|
|
@ -326,7 +326,12 @@ function PCSchedule() {
|
||||||
|
|
||||||
<div className="flex-1 min-h-0 grid grid-cols-3 gap-8">
|
<div className="flex-1 min-h-0 grid grid-cols-3 gap-8">
|
||||||
{/* 왼쪽: 달력 + 카테고리 */}
|
{/* 왼쪽: 달력 + 카테고리 */}
|
||||||
<div className="space-y-6">
|
<motion.div
|
||||||
|
initial={{ opacity: 0, x: -20 }}
|
||||||
|
animate={{ opacity: 1, x: 0 }}
|
||||||
|
transition={{ delay: 0.3, duration: 0.4 }}
|
||||||
|
className="space-y-6"
|
||||||
|
>
|
||||||
<Calendar
|
<Calendar
|
||||||
currentDate={currentDate}
|
currentDate={currentDate}
|
||||||
onDateChange={setCurrentDate}
|
onDateChange={setCurrentDate}
|
||||||
|
|
@ -344,10 +349,15 @@ function PCSchedule() {
|
||||||
categoryCounts={categoryCounts}
|
categoryCounts={categoryCounts}
|
||||||
disabled={isSearchMode && searchResults.length === 0}
|
disabled={isSearchMode && searchResults.length === 0}
|
||||||
/>
|
/>
|
||||||
</div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 오른쪽: 스케줄 리스트 */}
|
{/* 오른쪽: 스케줄 리스트 */}
|
||||||
<div className="col-span-2 flex flex-col min-h-0">
|
<motion.div
|
||||||
|
initial={{ opacity: 0, x: 20 }}
|
||||||
|
animate={{ opacity: 1, x: 0 }}
|
||||||
|
transition={{ delay: 0.4, duration: 0.4 }}
|
||||||
|
className="col-span-2 flex flex-col min-h-0"
|
||||||
|
>
|
||||||
{/* 헤더 */}
|
{/* 헤더 */}
|
||||||
<div className="flex items-center justify-between h-11 mb-2">
|
<div className="flex items-center justify-between h-11 mb-2">
|
||||||
<AnimatePresence mode="wait">
|
<AnimatePresence mode="wait">
|
||||||
|
|
@ -596,7 +606,7 @@ function PCSchedule() {
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue