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

fix: uniform subtle minimal animations across all Pro tier and dashboard pages

Browse Source
This commit is contained in:
ectasy663
2026-10-23 16:56:49 +05:30
parent 43f23a9d92
commit eb3f4e719c
26 changed files with 62 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/dashboard/ai-coach/study-plan/page.tsx
View File

@@ -1,4 +1,4 @@
"use client"
"use client"
import { StudyPlanCard } from "@/components/AI/StudyPlanCard"
import { WeeklyProgressReport } from "@/components/AI/WeeklyProgressReport"
@@ -12,7 +12,7 @@ export default function StudyPlanPage() {
const streakCount = user?.streak_count || (isDemo ? 12 : 1)
return (
<div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
<div className="p-6 md:p-8 space-y-8 max-w-7xl mx-auto min-h-screen">
{/* Page Header */}
<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">
@@ -34,7 +34,7 @@ export default function StudyPlanPage() {
</div>
{/* KPI Strip */}
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 animate-section animate-section-1">
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 animate-section animate-section-2">
{[
{ label: "Tasks Today", value: isDemo ? "5" : "3", sub: isDemo ? "2 completed" : "0 completed", icon: <CheckCircle2 size={18} className="text-green-400" />, color: "border-green-400/20 bg-green-400/5" },
{ label: "Study Hours Today", value: isDemo ? "3.8 hrs" : "0.0 hrs", sub: "Target: 5 hrs", icon: <Clock size={18} className="text-[var(--cyan-ai)]" />, color: "border-[var(--cyan-ai-20)] bg-[var(--cyan-ai-10)]" },
@@ -52,7 +52,7 @@ export default function StudyPlanPage() {
))}
</div>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 animate-section animate-section-2">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 animate-section animate-section-3">
<div className="lg:col-span-2 space-y-8">
{/* Today's Schedule */}
<div className="space-y-3">