1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

fix: flex layout used the wrong axes for layout. (#7696)

This change fixes an issue where the flex layouts for collaborator
info used the wrong axes for layout (row instead of column and vice
versa), causing the component to look wonky.

Before:

![image](https://github.com/user-attachments/assets/695a9f67-ef07-4b3c-936f-69b2f2d62a28)

After:

![image](https://github.com/user-attachments/assets/a0a2c73a-2787-4985-807b-012bb4db94a4)
This commit is contained in:
Thomas Heartman 2024-07-30 09:17:02 +02:00 committed by GitHub
parent 344e599b09
commit 08aba91832
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -13,7 +13,7 @@ const StyledAvatar = styled(UserAvatar)(({ theme }) => ({
const SectionContainer = styled('div')(({ theme }) => ({
display: 'flex',
flexFlow: 'row',
flexFlow: 'column',
gap: theme.spacing(0.5),
alignItems: 'flex-start',
height: 'min-content',
@ -21,7 +21,7 @@ const SectionContainer = styled('div')(({ theme }) => ({
const LastModifiedByAvatarAndLink = styled('div')(({ theme }) => ({
display: 'flex',
flexFlow: 'column',
flexFlow: 'row',
gap: theme.spacing(1),
}));