♻️ refactor(Page): adjust maxWidth for mobile screens
This commit is contained in:
@@ -51,12 +51,10 @@ const Page: React.FC<BoxProps> = ({ title, children, ...props }) => {
|
|||||||
mb: 4,
|
mb: 4,
|
||||||
minHeight: '80vh',
|
minHeight: '80vh',
|
||||||
mx: 'auto',
|
mx: 'auto',
|
||||||
maxWidth: 'calc(100% - 4em)',
|
maxWidth: { xs: '100%', md: 'calc(100% - 4em)' },
|
||||||
width: '70em',
|
width: '70em',
|
||||||
...props.sx,
|
...props.sx,
|
||||||
}}>
|
}}>
|
||||||
{/* Children is included in props */}
|
|
||||||
|
|
||||||
{children}
|
{children}
|
||||||
</Container>
|
</Container>
|
||||||
<Footer />
|
<Footer />
|
||||||
|
|||||||
Reference in New Issue
Block a user