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

This commit is contained in:
2026-10-23 16:56:49 +05:30
parent 43f23a9d92
commit eb3f4e719c
26 changed files with 62 additions and 49 deletions

View File

@@ -1,4 +1,4 @@
"use client";
"use client";
import { fetchWithAuth } from "@/lib/apiClient";
import { useState } from "react";
@@ -45,8 +45,8 @@ export default function PasswordPage() {
};
return (
<div className="p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-3xl mx-auto">
<div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
<div className="p-8 space-y-8 max-w-3xl mx-auto">
<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-purple-50 dark:bg-[var(--cyan-ai-10)] border border-purple-300/60 dark:border-[var(--cyan-ai-20)]">
@@ -60,7 +60,7 @@ export default function PasswordPage() {
</div>
</div>
<Card className="border-border bg-background shadow-sm">
<Card className="border-border bg-background shadow-sm animate-section animate-section-2">
<CardHeader>
<CardTitle>Change Password</CardTitle>
<CardDescription>Update your account password</CardDescription>