QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-15 11:09:59 -06:00
parent 924e657531
commit 6c3bfa776a
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/qqq/layouts/DashboardLayout.tsx
View File

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

7
src/qqq/styles/qqq-override-styles.css
View File

@ -575,3 +575,10 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */ -ms-overflow-style: none; /* IE 10+ */
} }
/* change grid padding to 20px down from default 24px */
.MuiGrid-item
{
padding-left: 20px !important;
padding-top: 20px !important;
}