Enhance ConfirmSection layout with padding and improved checkbox styling

This commit is contained in:
Marco Pedone 2025-08-19 14:16:01 +02:00
parent 9733cda490
commit a4dc57c6ef

View file

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