fix(ui): expand request log table height with vertical resize (#3820)

The request log table is given a comfortable minimum height (~10 rows) and is
user-resizable vertically, replacing the previous flex/overflow-hidden constraints that
clipped it short. Pure layout change to the logs page and RequestLoggerV2 card.

Integrated into release/v3.8.25.

Co-authored-by: diegosouzapw <diegosouza.pw@gmail.com>
This commit is contained in:
Ramel Tecnologia - Rafa Martins
2026-06-14 09:45:25 -03:00
committed by GitHub
parent ef07a19de6
commit f2f909bd7f
2 changed files with 11 additions and 5 deletions

View File

@@ -118,7 +118,7 @@ export default function LogsPage() {
}
return (
<div className="h-full flex flex-col gap-6 overflow-hidden">
<div className="flex flex-col gap-6">
<div className="flex-shrink-0 flex items-center justify-between gap-4 flex-wrap">
<h2 className="text-lg font-semibold text-text-main">{t("requestLogs")}</h2>
@@ -213,7 +213,7 @@ export default function LogsPage() {
</div>
)}
<div className="flex-1 min-h-0 overflow-hidden">
<div className="min-h-0">
<RequestLoggerV2 key={requestLogKey} ref={requestLoggerRef} initialSelectedId={initialId} />
</div>

View File

@@ -628,7 +628,7 @@ const RequestLoggerV2 = forwardRef<RequestLoggerV2Handle, { initialSelectedId?:
);
return (
<div className="flex flex-col gap-4 h-full">
<div className="flex flex-col gap-4">
{/* Header Bar */}
<div className="flex flex-wrap items-center gap-3">
{/* Recording Toggle */}
@@ -910,8 +910,14 @@ const RequestLoggerV2 = forwardRef<RequestLoggerV2Handle, { initialSelectedId?:
</div>
{/* Table */}
<Card className="flex-1 min-h-0 overflow-hidden bg-black/5 dark:bg-black/20">
<div ref={scrollContainerRef} className="p-0 overflow-x-auto overflow-y-auto h-full">
<Card
padding="none"
className="min-h-[460px] resize-y overflow-auto bg-black/5 dark:bg-black/20"
>
<div
ref={scrollContainerRef}
className="p-0 overflow-x-auto overflow-y-auto h-full min-h-[460px]"
>
{loading && logs.length === 0 ? (
<div className="p-8 text-center text-text-muted">{t("loadingLogs")}</div>
) : logs.length === 0 ? (