naman_panwar_gnpl/pragativeer-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: uniform staggered page-load animations across all dashboard pages

Browse Source
This commit is contained in:
ectasy663
2026-10-23 14:35:20 +05:30
parent 19edf83684
commit 42813ef9e0
20 changed files with 101 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/dashboard/ai-coach/weekly-progress/page.tsx
View File

@@ -43,7 +43,7 @@ export default function WeeklyProgressPage() {
return (
<div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 origin-top duration-500">
{/* Page Header */}
<div className="border-b border-border/50 pb-6">
<div className="border-b border-border/50 pb-6 animate-section animate-section-1">
<div className="flex items-start justify-between gap-4 flex-wrap">
<div>
<h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
@@ -65,7 +65,7 @@ export default function WeeklyProgressPage() {
</div>
{/* KPI Stats Row */}
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4 animate-section animate-section-1">
{stats.map((stat) => (
<Card key={stat.label} className="bg-secondary/20 border-border/60 rounded-2xl">
<CardContent className="p-4">
@@ -80,7 +80,7 @@ export default function WeeklyProgressPage() {
</div>
{/* Main Content Grid */}
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 animate-section animate-section-2">
{/* Weekly Bar Chart */}
<div className="lg:col-span-2 space-y-4">
<div className="flex items-center justify-between">