admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
Ref: https://github.com/twentyhq/twenty/issues/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.
This commit is contained in:
Shreyansh Kumar
2024-09-10 14:01:16 +05:30
committed by GitHub
parent b3b594efcd
commit fbe9e2c0db
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx
View File

@ -13,6 +13,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow';
const StyledTableBody = styled(TableBody)` const StyledTableBody = styled(TableBody)`
border-bottom: 1px solid ${({ theme }) => theme.border.color.light}; border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
max-height: 260px;
overflow-y: auto;
`; `;
const StyledTableRow = styled(TableRow)` const StyledTableRow = styled(TableRow)`

2
packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx
View File

@ -11,6 +11,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow';
const StyledTableBody = styled(TableBody)` const StyledTableBody = styled(TableBody)`
border-bottom: 1px solid ${({ theme }) => theme.border.color.light}; border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
max-height: 260px;
overflow-y: auto;
`; `;
const StyledTableRow = styled(TableRow)` const StyledTableRow = styled(TableRow)`