Fix animation inconsistencies on pages with loading spinners

This commit is contained in:
2026-09-24 22:41:47 +05:30
parent 0c127f04af
commit 1acbda2f83
25 changed files with 98 additions and 23 deletions

View File

@@ -31,7 +31,7 @@ export function PremiumGate({ featureKey, children }: PremiumGateProps) {
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-full h-1/2 bg-[var(--cyan-ai)] opacity-5 blur-[80px] pointer-events-none group-hover:opacity-10 transition-opacity duration-700"></div>
<div className="relative">
<div className="w-16 h-16 mx-auto rounded-2xl bg-[var(--cyan-ai-10)] flex items-center justify-center shadow-[0_0_20px_-5px_var(--cyan-ai)] border border-[var(--cyan-ai-20)] mb-4 animate-in zoom-in duration-500">
<div className="w-16 h-16 mx-auto rounded-2xl bg-[var(--cyan-ai-10)] flex items-center justify-center shadow-[0_0_20px_-5px_var(--cyan-ai)] border border-[var(--cyan-ai-20)] mb-4">
<Lock className="text-[var(--cyan-ai)] w-8 h-8" />
</div>