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

feat: Sidebar nav tweaks (#7185)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-05-28 12:15:40 +02:00 committed by GitHub
parent 5a9b015022
commit d5730e1e8b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -60,20 +60,23 @@ const OldMainLayoutContent = styled(Grid)(({ theme }) => ({
})); }));
const NewMainLayoutContent = styled(Grid)(({ theme }) => ({ const NewMainLayoutContent = styled(Grid)(({ theme }) => ({
width: '100%',
minWidth: 0, // this is a fix for overflowing flex minWidth: 0, // this is a fix for overflowing flex
margin: theme.spacing(0, 7), width: '100%',
maxWidth: '1512px',
margin: '0 auto',
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(2),
paddingRight: theme.spacing(2), paddingRight: theme.spacing(2),
[theme.breakpoints.down('lg')]: { [theme.breakpoints.down('lg')]: {
maxWidth: '1250px',
paddingLeft: theme.spacing(1), paddingLeft: theme.spacing(1),
paddingRight: theme.spacing(1), paddingRight: theme.spacing(1),
margin: 0,
}, },
[theme.breakpoints.up('xl')]: { [theme.breakpoints.down(1024)]: {
maxWidth: '1920px', marginLeft: 0,
marginLeft: 'auto', marginRight: 0,
marginRight: 'auto', },
[theme.breakpoints.down('sm')]: {
minWidth: '100%',
}, },
minHeight: '94vh', minHeight: '94vh',
})); }));

4
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationSidebar.tsx
View File

@ -25,7 +25,7 @@ export const MobileNavigationSidebar: FC<{ onClick: () => void }> = ({
mode='full' mode='full'
onClick={onClick} onClick={onClick}
/> />
<AdminNavigationList <SecondaryNavigationList
routes={routes.adminRoutes} routes={routes.adminRoutes}
mode='full' mode='full'
onClick={onClick} onClick={onClick}
@ -37,7 +37,7 @@ export const MobileNavigationSidebar: FC<{ onClick: () => void }> = ({
export const StyledBox = styled(Box)(({ theme }) => ({ export const StyledBox = styled(Box)(({ theme }) => ({
backgroundColor: theme.palette.background.paper, backgroundColor: theme.palette.background.paper,
padding: theme.spacing(2, 1, 6, 1), padding: theme.spacing(2, 2, 6, 2),
})); }));
export const NavigationSidebar = () => { export const NavigationSidebar = () => {