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

fix: increase card field height and font size for larger card brand logos

Browse Source
This commit is contained in:
Usman Baig
2026-03-26 22:45:35 +01:00
parent 497f0f791a
commit 9297e20604
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/checkout/PaymentForm.tsx
View File

@@ -18,7 +18,7 @@ interface PaymentFormProps {
const inputClass = const inputClass =
'w-full rounded-lg border border-neutral-700 bg-neutral-800/50 px-3 py-2.5 text-sm text-white placeholder:text-neutral-500 focus:outline-none focus:ring-1 focus:ring-brand-orange focus:border-brand-orange transition-colors' 'w-full rounded-lg border border-neutral-700 bg-neutral-800/50 px-3 py-2.5 text-sm text-white placeholder:text-neutral-500 focus:outline-none focus:ring-1 focus:ring-brand-orange focus:border-brand-orange transition-colors'
const mollieFieldBase = const mollieFieldBase =
'w-full rounded-lg border border-neutral-700 bg-neutral-800/50 px-3 py-2.5 h-[42px] transition-all focus-within:ring-1 focus-within:ring-brand-orange focus-within:border-brand-orange' 'w-full rounded-lg border border-neutral-700 bg-neutral-800/50 px-3 py-3 h-[48px] transition-all focus-within:ring-1 focus-within:ring-brand-orange focus-within:border-brand-orange'
export default function PaymentForm({ plan, interval, limit }: PaymentFormProps) { export default function PaymentForm({ plan, interval, limit }: PaymentFormProps) {
const router = useRouter() const router = useRouter()

2
lib/mollie.ts
View File

@@ -29,7 +29,7 @@ const MOLLIE_PROFILE_ID = process.env.NEXT_PUBLIC_MOLLIE_PROFILE_ID || ''
export const MOLLIE_FIELD_STYLES = { export const MOLLIE_FIELD_STYLES = {
base: { base: {
color: '#ffffff', color: '#ffffff',
fontSize: '14px', fontSize: '15px',
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
fontWeight: '400', fontWeight: '400',
letterSpacing: '0.025em', letterSpacing: '0.025em',