frontend/containers/TravelColumns/MasonryContainer.tsx (view raw)
1import Container from '@mui/material/Container';
2import {useTheme} from '@mui/material/styles';
3
4const MasonryContainer = ({children}) => {
5 const theme = useTheme();
6 return (
7 <Container
8 maxWidth="sm"
9 sx={{
10 p: 1,
11 mb: 10,
12 outline: 'none',
13 '& > *': {
14 cursor: 'default',
15 },
16
17 [theme.breakpoints.down('md')]: {
18 marginBottom: `calc(${theme.spacing(10)} + 56px)`,
19 },
20 }}
21 >
22 {children}
23 </Container>
24 );
25};
26
27export default MasonryContainer;