Fix animation inconsistencies on pages with loading spinners
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user