fix: uniform subtle minimal animations across all Pro tier and dashboard pages
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user