Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

fix: layout content width on large screens (#8267)

Browse Source 
I believe the changes in https://github.com/Unleash/unleash/pull/8234,
more specifically [this
change](https://github.com/Unleash/unleash/pull/8234/files#diff-3a5e0763fe1effa9cd485763fecf0633ce8f0877c9d1971e6bd5c5abe7426364L64),
have caused the main layout content to no longer stretch to its maximum
relative width on larger screens.

This adjustment seems to resolve this issue, ensuring proper behavior on
larger screens without introducing any overflow issues on smaller
screens.
This commit is contained in:
Nuno Góis 2024-09-26 09:51:15 +01:00 committed by GitHub
parent d0499dbf94
commit 3f80fdb090
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/layout/MainLayout/MainLayout.tsx
View File

@ -67,6 +67,9 @@ const NewMainLayoutContent = styled(Grid)(({ theme }) => ({
margin: '0 auto',
paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2),
[theme.breakpoints.up(1856)]: {
width: '100%',
},
[theme.breakpoints.down(1856)]: {
marginLeft: theme.spacing(7),
marginRight: theme.spacing(7),