CE-740 Adjusting grid padding to 20px; overall body padding to 20px, and margin-let to account for resized sidenav

This commit is contained in:
2023-11-15 11:09:59 -06:00
parent 924e657531
commit 6c3bfa776a
2 changed files with 10 additions and 3 deletions

View File

@ -38,11 +38,11 @@ function DashboardLayout({children}: { children: ReactNode }): JSX.Element
return (
<Box
sx={({breakpoints, transitions, functions: {pxToRem}}) => ({
p: 3,
p: "20px",
position: "relative",
[breakpoints.up("xl")]: {
marginLeft: miniSidenav ? pxToRem(120) : pxToRem(274),
marginLeft: miniSidenav ? pxToRem(120) : pxToRem(250),
transition: transitions.create(["margin-left", "margin-right"], {
easing: transitions.easing.easeInOut,
duration: transitions.duration.standard,