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

style: align selection heights in step 1
All checks were successful
Staging Build / build (push) Successful in 2m58s
Details

Browse Source
This commit is contained in:
DanielS
2026-08-10 23:47:50 +02:00
parent 1c9ae2ec31
commit 8b698e42ec
1 changed files with 253 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
shop/components/wizard/step-customer.tsx
View File

@@ -154,8 +154,28 @@ export function StepCustomer({
Wählen Sie den Partner (für Admins) und den Endkunden aus oder legen Sie einen neuen an.
</CardDescription>
</CardHeader>
<CardContent className="space-y-8">
<div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-start' : 'space-y-8'}>
<CardContent className="space-y-6">
{/* Modus-Toggle: Bestandskunde vs. Neuer Kunde */}
<div className="flex gap-2 pb-2">
<Button
variant={customerMode === 'select' ? 'default' : 'ghost'}
size="sm"
onClick={() => setCustomerMode('select')}
className={`gap-2 ${customerMode === 'select' ? '' : 'text-white'}`}
>
<Building2 className="w-4 h-4" /> Bestandskunde wählen
</Button>
<Button
variant={customerMode === 'create' ? 'default' : 'ghost'}
size="sm"
onClick={() => setCustomerMode('create')}
className={`gap-2 ${customerMode === 'create' ? '' : 'text-white'}`}
>
<UserPlus className="w-4 h-4" /> Neuen Kunden anlegen
</Button>
</div>
<div className={isAdmin ? 'grid grid-cols-1 lg:grid-cols-2 gap-8 items-start' : 'space-y-6'}>
{/* ─── 1. ADMIN PARTNER SELECTION ─── */}
{isAdmin && (
<div className="p-5 rounded-2xl bg-white/5 border border-white/10 space-y-4">
@@ -349,28 +369,6 @@ export function StepCustomer({
</div>
)}
{/* ─── 2. CUSTOMER WRAPPER ─── */}
<div className="space-y-6">
{/* Modus-Toggle: Bestandskunde vs. Neuer Kunde */}
<div className="flex gap-2">
<Button
variant={customerMode === 'select' ? 'default' : 'ghost'}
size="sm"
onClick={() => setCustomerMode('select')}
className={`gap-2 ${customerMode === 'select' ? '' : 'text-white'}`}
>
<Building2 className="w-4 h-4" /> Bestandskunde wählen
</Button>
<Button
variant={customerMode === 'create' ? 'default' : 'ghost'}
size="sm"
onClick={() => setCustomerMode('create')}
className={`gap-2 ${customerMode === 'create' ? '' : 'text-white'}`}
>
<UserPlus className="w-4 h-4" /> Neuen Kunden anlegen
</Button>
</div>
<AnimatePresence mode="wait">
{/* ─── 2. CUSTOMER SELECTION ─── */}
{customerMode === 'select' && (
@@ -617,7 +615,6 @@ export function StepCustomer({
)}
</AnimatePresence>
</div>
</div>
</CardContent>
<CardFooter className="flex justify-end border-t border-white/10 pt-6">
<Button