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:
parent
5a9b015022
commit
d5730e1e8b
@ -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',
|
||||
}));
|
||||
|
@ -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 = () => {
|
||||
|
Loading…
Reference in New Issue
Block a user