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

This commit is contained in:
2026-10-23 14:35:20 +05:30
parent 19edf83684
commit 42813ef9e0
20 changed files with 101 additions and 76 deletions

View File

@@ -164,7 +164,7 @@ export default function CBTPage() {
return (
<>
<div className="p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto">
<div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
<div className="flex flex-col md:flex-row md:items-end justify-between gap-4 animate-section animate-section-1">
<div>
<h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
<span className="p-2.5 rounded-xl bg-yellow-50 dark:bg-[var(--cyan-ai-10)] border border-yellow-300/60 dark:border-[var(--cyan-ai-20)]">
@@ -198,7 +198,7 @@ export default function CBTPage() {
<div className="space-y-6">
<div className="space-y-6 animate-section animate-section-2">
<h2 className="text-xl font-bold border-b border-border pb-2 flex items-center gap-2">
<Clock size={20} className="text-[var(--cyan-ai)]" /> Upcoming & Active Exams
</h2>
@@ -334,7 +334,7 @@ export default function CBTPage() {
})()}
</div>
<div className="space-y-6 pt-8">
<div className="space-y-6 pt-8 animate-section animate-section-3">
<h2 className="text-xl font-bold border-b border-border pb-2 flex items-center gap-2">
<Activity size={20} className="text-muted-foreground" /> Past Attempts
</h2>