Merge pull request 'Historial de cambios #62' (#127) from issue/62.1-historial-de-cambios into main

Reviewed-on: #127
This commit was merged in pull request #127.
This commit is contained in:
2026-02-19 16:03:24 +00:00

View File

@@ -298,17 +298,20 @@ function RouteComponent() {
<div className="flex-1 overflow-y-auto p-6"> <div className="flex-1 overflow-y-auto p-6">
<div className="grid h-full grid-cols-2 gap-6"> <div className="grid h-full grid-cols-2 gap-6">
{/* Lado Antes */} {/* Lado Antes */}
<div className="flex flex-col space-y-2"> {/* Lado Antes: Solo se renderiza si existe valor_anterior */}
<div className="sticky top-0 z-10 flex items-center gap-2 bg-white py-1"> {selectedEvent?.details.from && (
<div className="h-2 w-2 rounded-full bg-red-400" /> <div className="flex flex-col space-y-2">
<span className="text-muted-foreground text-[10px] font-bold tracking-widest uppercase"> <div className="sticky top-0 z-10 flex items-center gap-2 bg-white py-1">
Versión Anterior <div className="h-2 w-2 rounded-full bg-red-400" />
</span> <span className="text-muted-foreground text-[10px] font-bold tracking-widest uppercase">
Versión Anterior
</span>
</div>
<div className="max-h-[500px] min-h-[250px] flex-1 overflow-y-auto rounded-lg border border-red-100 bg-red-50/30 p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap text-slate-700">
{renderValue(selectedEvent.details.from)}
</div>
</div> </div>
<div className="max-h-[500px] min-h-[250px] flex-1 overflow-y-auto rounded-lg border border-red-100 bg-red-50/30 p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap text-slate-700"> )}
{renderValue(selectedEvent?.details.from)}
</div>
</div>
{/* Lado Después */} {/* Lado Después */}
<div className="flex flex-col space-y-2"> <div className="flex flex-col space-y-2">