ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: pause carousel on hidden tab, remove payment tile labels

Browse Source 
Carousel: listen to visibilitychange to prevent animation backlog when
tab is backgrounded. Payment tiles: logo-only, no text labels.
This commit is contained in:
Usman Baig
2026-03-27 15:53:20 +01:00
parent 5faa0dec80
commit e206399f9d
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/checkout/PaymentForm.tsx
View File

@@ -219,14 +219,13 @@ export default function PaymentForm({ plan, interval, limit, country, vatId }: P
key={method.id}
type="button"
onClick={() => { setSelectedMethod(method.id); setFormError(null) }}
className={`flex flex-col items-center justify-center gap-1 rounded-xl border h-[52px] text-[10px] font-medium transition-all duration-200 ${
className={`flex items-center justify-center rounded-xl border h-[44px] transition-all duration-200 ${
isSelected
? 'border-brand-orange bg-brand-orange/5 text-white'
: 'border-neutral-700/50 bg-neutral-800/30 text-neutral-400 hover:border-neutral-600 hover:text-neutral-300'
? 'border-brand-orange bg-brand-orange/5'
: 'border-neutral-700/50 bg-neutral-800/30 hover:border-neutral-600'
}`}
>
<MethodLogo type={method.id} />
<span>{method.label}</span>
</button>
)
})}