From acbf09e7101f1fedcac1cc5425ad15587c00fda0 Mon Sep 17 00:00:00 2001 From: Sanaei Date: Sat, 15 Aug 2026 18:13:10 +0200 Subject: [PATCH] fix(frontend): restore responsive table height Remove viewport-capped vertical scrolling so page size controls the rendered table height and page scrolling remains responsive. --- frontend/src/pages/clients/ClientsPage.tsx | 2 +- frontend/src/pages/hosts/HostList.tsx | 3 +-- frontend/src/pages/inbounds/list/InboundList.tsx | 2 +- frontend/src/pages/nodes/NodeList.tsx | 2 +- 4 files changed, 4 insertions(+), 5 deletions(-) diff --git a/frontend/src/pages/clients/ClientsPage.tsx b/frontend/src/pages/clients/ClientsPage.tsx index 3fdf9e68a..a13fa0a75 100644 --- a/frontend/src/pages/clients/ClientsPage.tsx +++ b/frontend/src/pages/clients/ClientsPage.tsx @@ -1350,7 +1350,7 @@ export default function ClientsPage() { rowSelection={rowSelection} pagination={tablePagination} size="small" - scroll={{ x: 1200, y: 'calc(100vh - 380px)' }} + scroll={{ x: 1200 }} onChange={onTableChange} locale={{ emptyText: ( diff --git a/frontend/src/pages/hosts/HostList.tsx b/frontend/src/pages/hosts/HostList.tsx index d8557e7e7..88d2524e9 100644 --- a/frontend/src/pages/hosts/HostList.tsx +++ b/frontend/src/pages/hosts/HostList.tsx @@ -231,8 +231,7 @@ export default function HostList(props: HostListProps) { columns={columns} dataSource={sorted} pagination={false} - scroll={{ x: 'max-content', y: 'calc(100vh - 280px)' }} - virtual + scroll={{ x: 'max-content' }} rowSelection={{ selectedRowKeys: selectedGroupIds, onChange: (keys) => onSelectionChange(keys as string[]), diff --git a/frontend/src/pages/inbounds/list/InboundList.tsx b/frontend/src/pages/inbounds/list/InboundList.tsx index 279e4d232..a196944d5 100644 --- a/frontend/src/pages/inbounds/list/InboundList.tsx +++ b/frontend/src/pages/inbounds/list/InboundList.tsx @@ -286,7 +286,7 @@ export default function InboundList({ onChange: (keys: Key[]) => setSelectedRowKeys(keys as number[]), }} pagination={paginationFor(visibleInbounds)} - scroll={{ x: tableScrollX, y: 'calc(100vh - 320px)' }} + scroll={{ x: tableScrollX }} style={{ marginTop: 10 }} size="small" locale={{ diff --git a/frontend/src/pages/nodes/NodeList.tsx b/frontend/src/pages/nodes/NodeList.tsx index d5f0c679f..aec149054 100644 --- a/frontend/src/pages/nodes/NodeList.tsx +++ b/frontend/src/pages/nodes/NodeList.tsx @@ -648,7 +648,7 @@ export default function NodeList({ columns={columns} pagination={false} loading={loading} - scroll={{ x: 'max-content', y: 'calc(100vh - 320px)' }} + scroll={{ x: 'max-content' }} size="middle" rowKey="key" rowSelection={dataSource.length > 1 ? {