Cambiar formato de respuesta de interconsultas de Badge a contenedor con padding

This commit is contained in:
2026-08-13 04:33:53 +00:00
parent 796ff5737e
commit 4be522d35f
+9 -11
View File
@@ -3486,17 +3486,15 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">{ic.motivo}</p>
)}
{ic.respuestaInterconsulta && (
<>
{ic.respuestaFecha && (
<Badge variant="outline" className="mt-2 bg-green-50 text-green-700 border-green-200 dark:bg-green-900 dark:text-green-300 dark:border-green-700">
<CheckCircle2 className="h-3 w-3 mr-1" />
<p className="font-semibold">Respuesta: {ic.respuestaFecha}<br />
<span className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta} <br /></span>
</p>
</Badge>
)}
</>
<div className="mt-3 p-3 rounded-lg bg-green-50/80 dark:bg-green-950/40 border border-green-200 dark:border-green-800/60">
<div className="flex items-center gap-1.5 text-xs font-semibold text-green-800 dark:text-green-300 mb-1.5">
<CheckCircle2 className="h-4 w-4 text-green-600 dark:text-green-400 shrink-0" />
<span>Respuesta{ic.respuestaFecha ? `: ${ic.respuestaFecha}` : ''}</span>
</div>
<p className="text-sm text-gray-800 dark:text-gray-200 whitespace-pre-wrap leading-relaxed">
{ic.respuestaInterconsulta}
</p>
</div>
)}
</div>
<div className="flex gap-1 self-start">