Proyectos de Subversion LeadersLinked - SPA

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: '1.5fr 4fr  2fr',
    gridTemplateAreas: '"sidebar main aside"'
  }
}))

export default AppGrid