frontend/layouts/Centered.js (view raw)
1import {makeStyles} from '@material-ui/core/styles';
2import Container from '@material-ui/core/Container';
3import DefaultLayout from './Default';
4
5const CenteredLayout = ({children, ...props}) => {
6 const classes = useStyles();
7
8 return (
9 <DefaultLayout className={classes.layout} {...props}>
10 <Container maxWidth="sm">{children}</Container>
11 </DefaultLayout>
12 );
13};
14
15const useStyles = makeStyles(() => ({
16 layout: {
17 minHeight: '100vh',
18 display: 'flex',
19 alignItems: 'center',
20 justifyContent: 'center',
21 },
22}));
23
24export default CenteredLayout;