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

feat: Sidebar nav tweaks (#7185)

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

View File

@ -60,20 +60,23 @@ const OldMainLayoutContent = styled(Grid)(({ theme }) => ({
}));
const NewMainLayoutContent = styled(Grid)(({ theme }) => ({
width: '100%',
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),
paddingRight: theme.spacing(2),
[theme.breakpoints.down('lg')]: {
maxWidth: '1250px',
paddingLeft: theme.spacing(1),
paddingRight: theme.spacing(1),
margin: 0,
},
[theme.breakpoints.up('xl')]: {
maxWidth: '1920px',
marginLeft: 'auto',
marginRight: 'auto',
[theme.breakpoints.down(1024)]: {
marginLeft: 0,
marginRight: 0,
},
[theme.breakpoints.down('sm')]: {
minWidth: '100%',
},
minHeight: '94vh',
}));

View File

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