Enhance ConfirmSection layout with padding and improved checkbox styling
This commit is contained in:
parent
9733cda490
commit
a4dc57c6ef
1 changed files with 6 additions and 3 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue