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/community/page.tsx
View File

@@ -116,7 +116,7 @@ export default function CommunityPage() {
return (
<PremiumGate featureKey="doubt-resolution-community">
<div className="p-8 space-y-6 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto">
<div className="flex flex-col md:flex-row justify-between items-start md:items-end gap-4">
<div className="flex flex-col md:flex-row justify-between items-start md:items-end 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)]">
@@ -136,7 +136,7 @@ export default function CommunityPage() {
</button>
</div>
<div className="flex flex-col md:flex-row gap-4">
<div className="flex flex-col md:flex-row gap-4 animate-section animate-section-2">
<div className="relative flex-1">
<div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<Search size={18} className="text-muted-foreground" />
@@ -158,7 +158,7 @@ export default function CommunityPage() {
</div>
</div>
<div className="space-y-4">
<div className="space-y-4 animate-section animate-section-3">
{filteredDoubts.map((doubt) => (
<Card key={doubt.id} className="border-border shadow-sm hover:border-[var(--cyan-ai-10)] transition-colors cursor-pointer">
<CardContent className="p-0 flex">