@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user