fix: filters ui breaking on mobile in routing insights page (#18713)

This commit is contained in:
Cao Hoang
2025-01-17 09:40:16 +01:00
committed by GitHub
parent d182e5c99a
commit da1b8137c2
@@ -61,11 +61,10 @@ export function DataTableWrapper<TData, TValue>({
variant={variant}
onScroll={(e) => fetchMoreOnBottomReached(e.target as HTMLDivElement)}>
<DataTableToolbar.Root>
<div className="flex w-full flex-col gap-2 sm:flex-row">
<div className="flex w-full flex-wrap items-center justify-between gap-2">
<div className="flex justify-start gap-2">{ToolbarLeft}</div>
<div className="grow" />
<div className="flex justify-end gap-2">{ToolbarRight}</div>
<div className="flex w-full flex-col gap-2">
<div className="flex w-full flex-wrap justify-between gap-2">
<div className="flex flex-wrap gap-2">{ToolbarLeft}</div>
<div className="flex flex-wrap gap-2">{ToolbarRight}</div>
</div>
</div>