mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Various frontend fixes for roles pages (#10654)

Browse Source
This commit is contained in:
Weiko
2025-03-04 18:09:23 +01:00
committed by GitHub
parent 4bf8af472a
commit 5d2be60758
14 changed files with 147 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-front/src/modules/settings/roles/components/RolesTableHeader.tsx
View File

@ -11,7 +11,7 @@ const StyledTableHeaderRow = styled(Table)`
export const RolesTableHeader = () => {
return (
<StyledTableHeaderRow>
<TableRow>
<TableRow gridAutoColumns="3fr 2fr 1fr">
<TableHeader>
<Trans>Name</Trans>
</TableHeader>

15
packages/twenty-front/src/modules/settings/roles/components/RolesTableRow.tsx
View File

@ -24,20 +24,21 @@ const StyledAvatarContainer = styled.div`
`;
const StyledAssignedText = styled.div`
color: ${({ theme }) => theme.font.color.primary};
font-size: ${({ theme }) => theme.font.size.md};
color: ${({ theme }) => theme.font.color.secondary};
font-size: ${({ theme }) => theme.font.size.sm};
`;
const StyledNameCell = styled.div`
align-items: center;
display: flex;
gap: ${({ theme }) => theme.spacing(2)};
gap: ${({ theme }) => theme.spacing(1)};
color: ${({ theme }) => theme.font.color.primary};
`;
const StyledAssignedCell = styled.div`
align-items: center;
display: flex;
gap: ${({ theme }) => theme.spacing(1)};
gap: ${({ theme }) => theme.spacing(4)};
`;
const StyledAvatarGroup = styled.div`
@ -71,7 +72,11 @@ export const RolesTableRow = ({ role }: { role: Role }) => {
};
return (
<StyledTableRow key={role.id} onClick={() => handleRoleClick(role.id)}>
<StyledTableRow
key={role.id}
gridAutoColumns="3fr 2fr 1fr"
onClick={() => handleRoleClick(role.id)}
>
<TableCell>
<StyledNameCell>
<IconUser size={theme.icon.size.md} />