refactor: improve layout of document upload section in DocCheckpoint component

This commit is contained in:
Marco Pedone 2025-12-16 11:22:56 +01:00
parent afda4cca6c
commit 74f2d996ba

View file

@ -117,7 +117,7 @@ const DocCheckpoint = ({ setStep }: { setStep: (value: boolean) => void }) => {
return ( return (
<> <>
<CredenzaBody className="max-h-[80vh] overflow-auto pb-5"> <CredenzaBody className="max-h-[80vh] overflow-auto pb-5">
<div className="flex flex-col gap-4"> <div className="flex flex-col flex-wrap gap-4">
<div> <div>
<p className="font-semibold">Carica i tuoi documenti</p> <p className="font-semibold">Carica i tuoi documenti</p>
<p> <p>
@ -126,6 +126,7 @@ const DocCheckpoint = ({ setStep }: { setStep: (value: boolean) => void }) => {
</p> </p>
</div> </div>
<div className="flex flex-col flex-wrap justify-around gap-x-10 gap-y-4 sm:flex-row">
<DocumentiUploadSection <DocumentiUploadSection
caricatoNote caricatoNote
document={servizio.doc_personale_fronte} document={servizio.doc_personale_fronte}
@ -157,6 +158,7 @@ const DocCheckpoint = ({ setStep }: { setStep: (value: boolean) => void }) => {
title="Documento d'identità - Retro" title="Documento d'identità - Retro"
userId={userId} userId={userId}
/> />
</div>
<p className="text-muted-foreground text-sm"> <p className="text-muted-foreground text-sm">
I tuoi dati saranno conservati solamente per la durata del servizio, I tuoi dati saranno conservati solamente per la durata del servizio,