snlavaise/administracionHospital
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Evoluciones responsive improvements

Browse Source
This commit is contained in:
snlavaise
2026-04-18 15:24:50 -03:00
parent 0cad2527fd
commit 708068167a
1 changed files with 53 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/Evoluciones.tsx
+3 -3
View File
@@ -184,7 +184,7 @@ export function Evoluciones({
}; };
return ( return (
<div className="space-y-6 dark:text-white overflow-x-hidden"> <div className="space-y-6 dark:text-white overflow-x-hidden max-w-screen">
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"> <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-gray-900 dark:text-white">Evoluciones Diarias</h1> <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Evoluciones Diarias</h1>
@@ -427,7 +427,7 @@ export function Evoluciones({
<Card key={evolucion.id} className="hover:shadow-md transition-shadow"> <Card key={evolucion.id} className="hover:shadow-md transition-shadow">
<CardContent className="p-4"> <CardContent className="p-4">
<div className="flex flex-col sm:flex-row gap-3"> <div className="flex flex-col sm:flex-row gap-3">
<div className="flex items-start justify-between w-full"> <div className="flex flex-col sm:flex-row items-start justify-between w-full">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center"> <div className="h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
<FileText className="h-5 w-5 text-blue-600" /> <FileText className="h-5 w-5 text-blue-600" />
@@ -505,7 +505,7 @@ export function Evoluciones({
</div> </div>
)} )}
{evolucion.comentario && ( {evolucion.comentario && (
<div> <div>
<p className="text-sm font-medium text-gray-700">Comentario:</p> <p className="text-sm font-medium text-gray-700">Comentario:</p>
<p className="text-sm text-gray-600 whitespace-pre-wrap">{evolucion.comentario}</p> <p className="text-sm text-gray-600 whitespace-pre-wrap">{evolucion.comentario}</p>