Proyectos de Subversion LeadersLinked - SPA

import { styled } from '@mui/material'

const AppGrid = styled('div')(({ theme }) => ({
  gridTemplateAreas: '"sidebar main aside"',
  columnGap: '1rem',
  display: 'grid',
  gridArea: 'content',
  gridTemplateColumns: 'minmax(0, 1fr)',
  gridTemplateRows: 'auto',
  rowGap: '0.5rem',

  [theme.breakpoints.up('sm')]: {
    gridTemplateAreas: '"sidebar main" ". aside"',
    gridTemplateColumns: 'minmax(0, 7fr) minmax(0, 17fr)'
  },
  [theme.breakpoints.up('md')]: {
    gridTemplateAreas: '"sidebar main aside"',
    gridTemplateColumns: 'minmax(0, 5fr) minmax(0, 12fr) minmax(300px, 7fr)'
  }
}))

export default AppGrid