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

Fix settings data model tables to take full width and align columns (#17104)

Browse Source 
## Summary
- Updated Relations and Fields tables in the object detail settings page
to use flexible width (`1fr`) for the Name column instead of fixed
pixels
- Aligned column widths between both tables (`1fr 148px 148px 36px`) so
the App and Type/Data type columns line up

## Test plan
- [ ] Navigate to Settings > Data model > select any object (e.g.,
Companies)
- [ ] Verify the Relations table rows take the full available width
- [ ] Verify the Fields table rows take the full available width
- [ ] Verify the App and Type/Data type columns are aligned between both
tables
This commit is contained in:
Thomas des Francs
2026-01-12 18:58:29 +01:00
committed by GitHub
parent bcc6b3cd21
commit d7638a9075
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx
+1 -1
View File
@@ -37,7 +37,7 @@ type SettingsObjectFieldItemTableRowProps = {
};
export const StyledObjectFieldTableRow = styled(TableRow)`
grid-auto-columns: 180px 148px 148px 36px;
grid-template-columns: 1fr 148px 148px 36px;
`;
const StyledNameTableCell = styled(TableCell)`
packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx
+1 -1
View File
@@ -26,7 +26,7 @@ type SettingsObjectRelationItemTableRowProps = {
};
export const StyledObjectRelationTableRow = styled(TableRow)`
grid-template-columns: 180px 100px 148px 36px;
grid-template-columns: 1fr 148px 148px 36px;
`;
const StyledNameTableCell = styled(TableCell)`