Fix: responsive grids en Evoluciones (grid-cols-1 sm:grid-cols-2)

This commit is contained in:
2026-04-18 15:07:02 -03:00
parent ea90228a3f
commit 02fbf4c90e
2 changed files with 60 additions and 57 deletions
+4 -4
View File
@@ -197,7 +197,7 @@ export function Evoluciones({
Nueva Evolución
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-3xl max-h-[90vh] overflow-y-auto">
<DialogContent className="sm:max-w-2xl max-h-[90vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>
{evolucionEditando ? 'Editar Evolución' : 'Nueva Evolución'}
@@ -222,7 +222,7 @@ export function Evoluciones({
</div>
)}
<div className="grid grid-cols-2 gap-4">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div>
<Label>Fecha *</Label>
<Input type="date" value={fecha} onChange={(e) => setFecha(e.target.value)} />
@@ -238,7 +238,7 @@ export function Evoluciones({
<Activity className="h-4 w-4" />
Signos Vitales
</p>
<div className="grid grid-cols-2 sm:grid-cols-3 gap-4">
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
<div>
<Label className="flex items-center gap-1">
<Heart className="h-4 w-4" />TAS
@@ -486,7 +486,7 @@ export function Evoluciones({
{evolucion.examenFisico && (
<div className="bg-green-50 p-3 rounded-lg border border-green-200">
<p className="text-sm font-medium text-green-800 mb-2">Examen Físico:</p>
<div className="grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs">
<div className="grid grid-cols-1 sm:grid-cols-4 gap-2 text-xs">
{evolucion.examenFisico.SNC && <div><span className="font-medium">SNC:</span> {evolucion.examenFisico.SNC}</div>}
{evolucion.examenFisico.Cardiovascular && <div><span className="font-medium">CV:</span> {evolucion.examenFisico.Cardiovascular}</div>}
{evolucion.examenFisico.Respiratorio && <div><span className="font-medium">Resp:</span> {evolucion.examenFisico.Respiratorio}</div>}