Fix members table column alignment (#12298)

Fixes: #12287 


![image](https://github.com/user-attachments/assets/4f8e8c9e-cf0a-4fa8-b129-087c29a8fd94)

---------

Co-authored-by: Divyanshu Lohani <DivyanshuLohani@users.noreply.github.com>
Co-authored-by: etiennejouan <jouan.etienne@gmail.com>
This commit is contained in:
DivyanshuLohani
2025-05-28 22:59:07 +05:30
committed by GitHub
parent 081376f594
commit 76d0be7f81

View File

@ -308,13 +308,13 @@ export const SettingsWorkspaceMembers = () => {
{isNonEmptyArray(workspaceInvitations) && ( {isNonEmptyArray(workspaceInvitations) && (
<StyledTable> <StyledTable>
<TableRow <TableRow
gridAutoColumns="150px 1fr 1fr" gridAutoColumns="250px 1fr 1fr"
mobileGridAutoColumns="100px 1fr 1fr" mobileGridAutoColumns="100px 1fr 1fr"
> >
<TableHeader> <TableHeader>
<Trans>Email</Trans> <Trans>Email</Trans>
</TableHeader> </TableHeader>
<TableHeader align={'right'}> <TableHeader align={'center'}>
<Trans>Expires in</Trans> <Trans>Expires in</Trans>
</TableHeader> </TableHeader>
<TableHeader></TableHeader> <TableHeader></TableHeader>
@ -322,7 +322,7 @@ export const SettingsWorkspaceMembers = () => {
<StyledTableRows> <StyledTableRows>
{workspaceInvitations?.map((workspaceInvitation) => ( {workspaceInvitations?.map((workspaceInvitation) => (
<TableRow <TableRow
gridAutoColumns="150px 1fr 1fr" gridAutoColumns="250px 1fr 1fr"
mobileGridAutoColumns="100px 1fr 1fr" mobileGridAutoColumns="100px 1fr 1fr"
key={workspaceInvitation.id} key={workspaceInvitation.id}
> >
@ -337,7 +337,7 @@ export const SettingsWorkspaceMembers = () => {
{workspaceInvitation.email} {workspaceInvitation.email}
</StyledTextContainerWithEllipsis> </StyledTextContainerWithEllipsis>
</TableCell> </TableCell>
<TableCell align={'right'}> <TableCell align={'center'}>
<Status <Status
color={'gray'} color={'gray'}
text={getExpiresAtText(workspaceInvitation.expiresAt)} text={getExpiresAtText(workspaceInvitation.expiresAt)}