Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

Enhance ConfirmSection layout with padding and improved checkbox styling

Browse source
This commit is contained in:
Marco Pedone 2025-08-19 14:16:01 +02:00
parent 9733cda490
commit a4dc57c6ef
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/infoalloggi/src/pages/servizio/conferma-immobile/[...slug].tsx
View file

@ -103,12 +103,13 @@ const ConfirmSection = ({
}); });
return ( return (
<> <>
<div className="flex flex-col items-start space-y-3"> <div className="flex flex-col items-start space-y-3 px-2">
<div className="flex space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="letto" id="letto"
checked={letto} checked={letto}
onCheckedChange={(v) => v != "indeterminate" && setLetto(v)} onCheckedChange={(v) => v != "indeterminate" && setLetto(v)}
className="size-6"
/> />
<div className="grid gap-1.5 leading-none"> <div className="grid gap-1.5 leading-none">
<label <label
@ -119,11 +120,12 @@ const ConfirmSection = ({
</label> </label>
</div> </div>
</div> </div>
<div className="flex space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="termini" id="termini"
checked={accettato} checked={accettato}
onCheckedChange={(v) => v != "indeterminate" && setAccettato(v)} onCheckedChange={(v) => v != "indeterminate" && setAccettato(v)}
className="size-6"
/> />
<div className="grid gap-1.5 leading-none"> <div className="grid gap-1.5 leading-none">
<label <label
@ -150,6 +152,7 @@ const ConfirmSection = ({
}, },
}); });
}} }}
className="h-fit text-pretty whitespace-normal"
> >
{t.servizio.conferma.conferma} {t.servizio.conferma.conferma}
</Button> </Button>