Rev 1779 | Rev 1781 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import { styled } from '@mui/material'
const AppGrid = styled('div')(({ theme }) => ({
columnGap: '1rem',
display: 'grid',
gridTemplateColumns: '1fr',
gridTemplateRows: 'auto',
rowGap: '0.5rem',
gridTemplateAreas: '"main" "aside"',
[theme.breakpoints.up('sm')]: {
gridTemplateColumns: '1fr 2fr',
gridTemplateAreas: '"sidebar main" ". aside"'
},
[theme.breakpoints.up('md')]: {
gridTemplateColumns: '1fr 3fr 2fr',
gridTemplateAreas: '"sidebar main aside"'
}
}))
export default AppGrid