brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

listing devices and linking them to their respoective page

Browse source
This commit is contained in:
Carter 2024-12-10 08:35:50 -06:00
parent 03f8ed20ca
commit 84d06d9783
7 changed files with 119 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/PageContainer.tsx
View file

@ -38,11 +38,12 @@ interface Props extends PropsWithChildren{
fullViewport?: boolean;
isCenterCenter?: boolean;
sx?: SxProps<Theme>;
padding?: number;
}
export const PageContainer: React.FunctionComponent<Props> = props => {
const classes = useStyles();
const { children, fullViewport, isCenterCenter, sx } = props;
const { children, fullViewport, isCenterCenter, sx, padding } = props;
// let fullViewport = false
// let isCenterCenter = false
return (
@ -51,7 +52,10 @@ export const PageContainer: React.FunctionComponent<Props> = props => {
fullViewport ? classes.fullViewportContainer : classes.pageContainer,
isCenterCenter && classes.centerCenter
)}
sx={sx}
sx={{
...sx, // Spread existing sx
...(padding !== undefined && { padding }), // Conditionally add padding
}}
disableGutters
maxWidth={false}
children={<React.Fragment>{children}</React.Fragment>}