Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(wizard): make billing option cards flex-height to prevent overflow
All checks were successful
Staging Build / build (push) Successful in 3m0s
Details

Browse Source
This commit is contained in:
DanielS
2026-08-10 23:04:00 +02:00
parent 1aa694a665
commit 2f63d716f2
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shop/components/wizard/step-billing.tsx
View File

@@ -44,7 +44,7 @@ export function StepBilling({
{/* Option 1: Kauf */} {/* Option 1: Kauf */}
<div <div
onClick={() => handleBillingIntervalChange('one_time')} onClick={() => handleBillingIntervalChange('one_time')}
className={`relative p-6 rounded-2xl border-2 cursor-pointer transition-all duration-300 flex flex-col justify-between h-48 hover:shadow-[0_0_20px_rgba(255,255,255,0.05)] ${selectedBillingInterval === 'one_time' className={`relative p-6 rounded-2xl border-2 cursor-pointer transition-all duration-300 flex flex-col justify-between min-h-[12rem] h-auto hover:shadow-[0_0_20px_rgba(255,255,255,0.05)] ${selectedBillingInterval === 'one_time'
? 'border-primary bg-primary/10 shadow-[0_0_25px_rgba(59,130,246,0.2)]' ? 'border-primary bg-primary/10 shadow-[0_0_25px_rgba(59,130,246,0.2)]'
: 'border-white/5 bg-white/5 hover:border-white/20' : 'border-white/5 bg-white/5 hover:border-white/20'
}`} }`}
@@ -95,7 +95,7 @@ export function StepBilling({
{/* Option 2: Abo */} {/* Option 2: Abo */}
<div <div
onClick={() => handleBillingIntervalChange('monthly')} onClick={() => handleBillingIntervalChange('monthly')}
className={`relative p-6 rounded-2xl border-2 cursor-pointer transition-all duration-300 flex flex-col justify-between h-48 hover:shadow-[0_0_20px_rgba(255,255,255,0.05)] ${selectedBillingInterval === 'monthly' className={`relative p-6 rounded-2xl border-2 cursor-pointer transition-all duration-300 flex flex-col justify-between min-h-[12rem] h-auto hover:shadow-[0_0_20px_rgba(255,255,255,0.05)] ${selectedBillingInterval === 'monthly'
? 'border-primary bg-primary/10 shadow-[0_0_25px_rgba(59,130,246,0.2)]' ? 'border-primary bg-primary/10 shadow-[0_0_25px_rgba(59,130,246,0.2)]'
: 'border-white/5 bg-white/5 hover:border-white/20' : 'border-white/5 bg-white/5 hover:border-white/20'
}`} }`}