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

feat(paciente): padronizar tipografia e ajustar estilo dos cards do dashboard

Browse Source
This commit is contained in:
Jonas Francisco 2025-10-30 18:47:41 -03:00
parent 35535b3779
commit d2bb921b69
1 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
susconecta/app/paciente/page.tsx
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>
) )