RiseUP/riseup-squad20
1
0
Fork 3
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(doutores): Improved responsiveness to the 'Detalhes do Médico' modal

Browse Source
This commit is contained in:
M-Gabrielly 2025-12-04 00:16:09 -03:00
parent 3eb33e5eee
commit a01c7cf286
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
susconecta/app/(main-routes)/doutores/page.tsx
View File

@ -844,27 +844,27 @@ export default function DoutoresPage() {
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="grid gap-4 py-4"> <div className="grid gap-4 py-4">
<div className="grid grid-cols-4 items-center gap-4"> <div className="grid grid-cols-1 sm:grid-cols-4 items-start sm:items-center gap-2 sm:gap-4">
<Label className="text-right">Nome</Label> <Label className="text-left sm:text-right">Nome</Label>
<span className="col-span-3 font-medium">{viewingDoctor?.full_name}</span> <span className="col-span-1 sm:col-span-3 font-medium">{viewingDoctor?.full_name}</span>
</div> </div>
<div className="grid grid-cols-4 items-center gap-4"> <div className="grid grid-cols-1 sm:grid-cols-4 items-start sm:items-center gap-2 sm:gap-4">
<Label className="text-right">Especialidade</Label> <Label className="text-left sm:text-right">Especialidade</Label>
<span className="col-span-3"> <span className="col-span-1 sm:col-span-3">
<Badge variant="outline">{viewingDoctor?.especialidade}</Badge> <Badge variant="outline">{viewingDoctor?.especialidade}</Badge>
</span> </span>
</div> </div>
<div className="grid grid-cols-4 items-center gap-4"> <div className="grid grid-cols-1 sm:grid-cols-4 items-start sm:items-center gap-2 sm:gap-4">
<Label className="text-right">CRM</Label> <Label className="text-left sm:text-right">CRM</Label>
<span className="col-span-3">{viewingDoctor?.crm}</span> <span className="col-span-1 sm:col-span-3">{viewingDoctor?.crm}</span>
</div> </div>
<div className="grid grid-cols-4 items-center gap-4"> <div className="grid grid-cols-1 sm:grid-cols-4 items-start sm:items-center gap-2 sm:gap-4">
<Label className="text-right">Email</Label> <Label className="text-left sm:text-right">Email</Label>
<span className="col-span-3">{viewingDoctor?.email}</span> <span className="col-span-1 sm:col-span-3">{viewingDoctor?.email}</span>
</div> </div>
<div className="grid grid-cols-4 items-center gap-4"> <div className="grid grid-cols-1 sm:grid-cols-4 items-start sm:items-center gap-2 sm:gap-4">
<Label className="text-right">Telefone</Label> <Label className="text-left sm:text-right">Telefone</Label>
<span className="col-span-3">{viewingDoctor?.telefone}</span> <span className="col-span-1 sm:col-span-3">{viewingDoctor?.telefone}</span>
</div> </div>
</div> </div>
<DialogFooter> <DialogFooter>