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