Skip to content

Commit 0c2446e

Browse files
fix[frontend](logexplorer): fixed header horizontal scroll
1 parent 1a85bf8 commit 0c2446e

2 files changed

Lines changed: 4 additions & 4 deletions

File tree

frontend/src/features/log-explorer/components/LogExplorerView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -507,8 +507,8 @@ export function LogExplorerView({ initial, onConfigChange }: LogExplorerViewProp
507507
/>
508508
)}
509509
<div className="flex min-w-0 flex-1 flex-col border-l border-border">
510-
<ResultsHeader columns={columns} autoColumns={autoColumns} onRemoveColumn={toggleColumn} />
511-
<div ref={scrollRef} onScroll={onScroll} className="min-h-0 flex-1 overflow-y-auto">
510+
<div ref={scrollRef} onScroll={onScroll} className="min-h-0 flex-1 overflow-auto">
511+
<ResultsHeader columns={columns} autoColumns={autoColumns} onRemoveColumn={toggleColumn} />
512512
{loading && rows.length === 0 ? (
513513
<RowMessage>
514514
<Loader2 className="h-4 w-4 animate-spin" /> {t('logExplorer.results.searching')}

frontend/src/features/log-explorer/components/log-results.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ export function ResultsHeader({
135135
const { t } = useTranslation()
136136
return (
137137
<div
138-
className="grid items-center gap-3 border-b border-border/70 bg-muted/20 px-4 py-1.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground"
138+
className="sticky top-0 z-10 grid items-center gap-3 border-b border-border/70 bg-card px-4 py-1.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground"
139139
style={{ gridTemplateColumns: gridTemplate(columns, autoColumns) }}
140140
>
141141
<div />
@@ -401,7 +401,7 @@ export function LogResults({
401401
}) {
402402
const [expanded, setExpanded] = useState<number | null>(null)
403403
return (
404-
<div className="overflow-hidden rounded-lg border border-border bg-card">
404+
<div className="overflow-auto rounded-lg border border-border bg-card">
405405
<ResultsHeader columns={columns} onRemoveColumn={onRemoveColumn} />
406406
{docs.length === 0 ? (
407407
<div className="px-6 py-12 text-center text-sm text-muted-foreground">{emptyText ?? '—'}</div>

0 commit comments

Comments
 (0)