mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-07-31 04:12:10 +03:00
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:
committed by
GitHub
parent
ef07a19de6
commit
f2f909bd7f
@@ -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>
|
||||
|
||||
|
||||
@@ -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 ? (
|
||||
|
||||
Reference in New Issue
Block a user