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

2299 fix(frontend): corrected tag spacing in settings object item table row (#2302)

Browse Source 
* fix(frontend): corrected tag spacing in settings object item table row

* 2299-fix(front): pr requested changes

* 2299 fix(front): PR requested changes - 2
This commit is contained in:
Kanav Arora
2023-11-06 22:28:03 +05:30
committed by GitHub
parent b98d474308
commit 9bd6d26d53
2 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/modules/settings/data-model/object-details/components/SettingsObjectItemTableRow.tsx
View File

@ -24,11 +24,6 @@ const StyledNameTableCell = styled(TableCell)`
gap: ${({ theme }) => theme.spacing(2)}; gap: ${({ theme }) => theme.spacing(2)};
`; `;
const StyledTag = styled(Tag)`
box-sizing: border-box;
height: ${({ theme }) => theme.spacing(4)};
`;
const StyledActionTableCell = styled(TableCell)` const StyledActionTableCell = styled(TableCell)`
justify-content: center; justify-content: center;
padding-right: ${({ theme }) => theme.spacing(1)}; padding-right: ${({ theme }) => theme.spacing(1)};
@ -55,9 +50,9 @@ export const SettingsObjectItemTableRow = ({
</StyledNameTableCell> </StyledNameTableCell>
<TableCell> <TableCell>
{objectItem.isCustom ? ( {objectItem.isCustom ? (
<StyledTag color="orange" text="Custom" /> <Tag color="orange" text="Custom" />
) : ( ) : (
<StyledTag color="blue" text="Standard" /> <Tag color="blue" text="Standard" />
)} )}
</TableCell> </TableCell>
<TableCell align="right">{objectItem.fields.length}</TableCell> <TableCell align="right">{objectItem.fields.length}</TableCell>

3
front/src/modules/ui/display/tag/components/Tag.tsx
View File

@ -33,11 +33,10 @@ const StyledTag = styled.h3<{
font-style: normal; font-style: normal;
font-weight: ${({ theme }) => theme.font.weight.medium}; font-weight: ${({ theme }) => theme.font.weight.medium};
gap: ${({ theme }) => theme.spacing(2)}; gap: ${({ theme }) => theme.spacing(2)};
height: ${({ theme }) => theme.spacing(5)};
margin: 0; margin: 0;
padding-bottom: ${({ theme }) => theme.spacing(1)};
padding-left: ${({ theme }) => theme.spacing(2)}; padding-left: ${({ theme }) => theme.spacing(2)};
padding-right: ${({ theme }) => theme.spacing(2)}; padding-right: ${({ theme }) => theme.spacing(2)};
padding-top: ${({ theme }) => theme.spacing(1)};
`; `;
export type TagProps = { export type TagProps = {