develop #83

Merged
M-Gabrielly merged 426 commits from develop into main 2025-12-04 04:13:15 +00:00
Showing only changes of commit d2bb921b69 - Show all commits

View File

@ -341,16 +341,35 @@ export default function PacientePage() {
}, [patientId]) }, [patientId])
return ( return (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6"> <div className="grid grid-cols-1 gap-4 mb-6 md:grid-cols-2">
<Card className="flex flex-col items-center justify-center p-4"> <Card className="group rounded-2xl border border-border/60 bg-card/70 p-5 backdrop-blur-sm shadow-sm transition hover:shadow-md">
<Calendar className="mb-2 text-primary" aria-hidden /> <div className="flex h-40 w-full flex-col items-center justify-center gap-3">
<span className="font-semibold">{strings.proximaConsulta}</span> <div className="flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary">
<span className="text-2xl">{loading ? '...' : (nextAppt ?? '-')}</span> <Calendar className="h-6 w-6" aria-hidden />
</div>
<span className="text-lg md:text-xl font-medium text-muted-foreground tracking-wide">
{strings.proximaConsulta}
</span>
{/* mesmo tamanho e fonte do rótulo */}
<span className="text-lg md:text-xl font-medium text-foreground" aria-live="polite">
{loading ? '—' : (nextAppt ?? '-')}
</span>
</div>
</Card> </Card>
<Card className="flex flex-col items-center justify-center p-4">
<FileText className="mb-2 text-primary" aria-hidden /> <Card className="group rounded-2xl border border-border/60 bg-card/70 p-5 backdrop-blur-sm shadow-sm transition hover:shadow-md">
<span className="font-semibold">{strings.ultimosExames}</span> <div className="flex h-40 w-full flex-col items-center justify-center gap-3">
<span className="text-2xl">{loading ? '...' : (examsCount !== null ? String(examsCount) : '-')}</span> <div className="flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary">
<FileText className="h-6 w-6" aria-hidden />
</div>
<span className="text-lg md:text-xl font-medium text-muted-foreground tracking-wide">
{strings.ultimosExames}
</span>
{/* mesmo tamanho e fonte do rótulo */}
<span className="text-lg md:text-xl font-medium text-foreground" aria-live="polite">
{loading ? '—' : (examsCount !== null ? String(examsCount) : '-')}
</span>
</div>
</Card> </Card>
</div> </div>
) )