Fixed the overflow height of the Developers page's table (#6963)

Ref: #6962 As of now, if user has more than 20 API keys or webhooks, whole page has scroll, when for the end user (UX) it'd be better if each table had it's own scroll.
twentyhq · Sep 10, 2024 · fbe9e2c · fbe9e2c
1 parent b3b594e
commit fbe9e2c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx
@@ -13,6 +13,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow';
 
 const StyledTableBody = styled(TableBody)`
   border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
+  max-height: 260px;
+  overflow-y: auto;
 `;
 
 const StyledTableRow = styled(TableRow)`

diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx
@@ -11,6 +11,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow';
 
 const StyledTableBody = styled(TableBody)`
   border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
+  max-height: 260px;
+  overflow-y: auto;
 `;
 
 const StyledTableRow = styled(TableRow)`