Fix: Evoluciones responsive improvements
This commit is contained in:
@@ -110,26 +110,26 @@ export function Evoluciones({
|
|||||||
const signosVitales: SignosVitales | undefined =
|
const signosVitales: SignosVitales | undefined =
|
||||||
temperatura || presionSistolica || frecuenciaCardiaca
|
temperatura || presionSistolica || frecuenciaCardiaca
|
||||||
? {
|
? {
|
||||||
temperatura: temperatura ? parseFloat(temperatura) : undefined,
|
temperatura: temperatura ? parseFloat(temperatura) : undefined,
|
||||||
presionSistolica: presionSistolica ? parseInt(presionSistolica) : undefined,
|
presionSistolica: presionSistolica ? parseInt(presionSistolica) : undefined,
|
||||||
presionDiastolica: presionDiastolica ? parseInt(presionDiastolica) : undefined,
|
presionDiastolica: presionDiastolica ? parseInt(presionDiastolica) : undefined,
|
||||||
frecuenciaCardiaca: frecuenciaCardiaca ? parseInt(frecuenciaCardiaca) : undefined,
|
frecuenciaCardiaca: frecuenciaCardiaca ? parseInt(frecuenciaCardiaca) : undefined,
|
||||||
frecuenciaRespiratoria: frecuenciaRespiratoria ? parseInt(frecuenciaRespiratoria) : undefined,
|
frecuenciaRespiratoria: frecuenciaRespiratoria ? parseInt(frecuenciaRespiratoria) : undefined,
|
||||||
saturacionO2: saturacionO2 ? parseInt(saturacionO2) : undefined,
|
saturacionO2: saturacionO2 ? parseInt(saturacionO2) : undefined,
|
||||||
}
|
}
|
||||||
: undefined;
|
: undefined;
|
||||||
|
|
||||||
const examenFisico: ExamenFisico | undefined =
|
const examenFisico: ExamenFisico | undefined =
|
||||||
snc || cardiovascular || respiratorio || abdominal || genitourinario || pielAnexos || soma
|
snc || cardiovascular || respiratorio || abdominal || genitourinario || pielAnexos || soma
|
||||||
? {
|
? {
|
||||||
SNC: snc || undefined,
|
SNC: snc || undefined,
|
||||||
Cardiovascular: cardiovascular || undefined,
|
Cardiovascular: cardiovascular || undefined,
|
||||||
Respiratorio: respiratorio || undefined,
|
Respiratorio: respiratorio || undefined,
|
||||||
Abdominal: abdominal || undefined,
|
Abdominal: abdominal || undefined,
|
||||||
Genitourinario: genitourinario || undefined,
|
Genitourinario: genitourinario || undefined,
|
||||||
PielAnexos: pielAnexos || undefined,
|
PielAnexos: pielAnexos || undefined,
|
||||||
SOMA: soma || undefined,
|
SOMA: soma || undefined,
|
||||||
}
|
}
|
||||||
: undefined;
|
: undefined;
|
||||||
|
|
||||||
const evolucionData = {
|
const evolucionData = {
|
||||||
@@ -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>
|
||||||
@@ -391,12 +391,12 @@ export function Evoluciones({
|
|||||||
Cancelar
|
Cancelar
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="outline"
|
<Button variant="outline"
|
||||||
onClick={handleGuardar}
|
onClick={handleGuardar}
|
||||||
disabled={!medico || (!evolucionEditando && !pacienteSeleccionado)}
|
disabled={!medico || (!evolucionEditando && !pacienteSeleccionado)}
|
||||||
>
|
>
|
||||||
<Save className="h-4 w-4 mr-2" />
|
<Save className="h-4 w-4 mr-2" />
|
||||||
Guardar Evolución
|
Guardar Evolución
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
@@ -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" />
|
||||||
@@ -463,11 +463,11 @@ export function Evoluciones({
|
|||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
<Button variant="outline"
|
<Button variant="outline"
|
||||||
size="sm"
|
size="sm"
|
||||||
className="text-red-600"
|
className="text-red-600"
|
||||||
onClick={() => onEliminarEvolucion(evolucion.id)}
|
onClick={() => onEliminarEvolucion(evolucion.id)}
|
||||||
>
|
>
|
||||||
<Trash2 className="h-4 w-4" />
|
<Trash2 className="h-4 w-4" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user