Actualizar header de Pendientes de Sala al estilo NuevoIngreso con boton de volver de solo icono
This commit is contained in:
@@ -144,23 +144,22 @@ export function PendientesSala({
|
|||||||
return (
|
return (
|
||||||
<div className="space-y-6 dark:text-white">
|
<div className="space-y-6 dark:text-white">
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
|
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<Button variant="outline" size="sm" onClick={onVolver} className="gap-1.5">
|
<Button variant="ghost" size="icon" onClick={onVolver} className="shrink-0">
|
||||||
<ArrowLeft className="h-4 w-4" />
|
<ArrowLeft className="h-5 w-5" />
|
||||||
Volver
|
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
<h1 className="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2.5">
|
<h1 className="text-xl sm:text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
|
||||||
<ListTodo className="h-7 w-7 text-blue-600 dark:text-blue-400 shrink-0" />
|
<ListTodo className="h-6 w-6 text-blue-600 dark:text-blue-400 shrink-0" />
|
||||||
Pendientes de Sala
|
Pendientes de Sala
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-gray-500 dark:text-gray-400 text-sm">
|
<p className="text-sm text-gray-500 dark:text-gray-400">
|
||||||
Gestión y seguimiento de pendientes de todos los pacientes internados ({pendientesSala.filter(p => p.estado === 'pendiente').length} pendientes activos)
|
Gestión y seguimiento de pendientes de todos los pacientes internados ({pendientesSala.filter(p => p.estado === 'pendiente').length} pendientes activos)
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2 w-full sm:w-auto justify-end">
|
||||||
<Button variant="outline" onClick={handleCopiarPendientes} className="gap-2">
|
<Button variant="outline" onClick={handleCopiarPendientes} className="gap-2">
|
||||||
<Copy className="h-4 w-4" />
|
<Copy className="h-4 w-4" />
|
||||||
Copiar Pendientes Activos
|
Copiar Pendientes Activos
|
||||||
|
|||||||
Reference in New Issue
Block a user