Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1774 | Rev 1776 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1774 Rev 1775
Línea 1... Línea 1...
1 
import { styled } from '@mui/material'
 1 
import { styled } from '@mui/material'
Línea 2... Línea 2...
2 
 
 2 
 
3 
const AppGrid = styled('div')(
 - 
 
4 
  ({ theme }) => `
 3 
const AppGrid = styled('div')(({ theme }) => ({
5 
    grid-template-areas: 'sidebar' 'main' 'aside';
 4 
  gridTemplateAreas: '"sidebar main aside"',
6 
    column-gap: 1rem;
 5 
  columnGap: '1rem',
7 
    display: grid;
 6 
  display: 'grid',
8 
    grid-area: content;
 7 
  gridArea: 'content',
9 
    grid-template-columns: minmax(0, 1fr);
 8 
  gridTemplateColumns: 'minmax(0, 1fr)',
10 
    grid-template-rows: auto;
 9 
  gridTemplateRows: 'auto',
- 
 
 10 
  rowGap: '0.5rem',
- 
 
 11 
 
- 
 
 12 
  [theme.breakpoints.up('sm')]: {
- 
 
 13 
    gridTemplateAreas: '"sidebar main" ". aside"',
- 
 
 14 
    gridTemplateColumns: 'minmax(0, 7fr) minmax(0, 17fr)'
- 
 
 15 
  },
- 
 
 16 
  [theme.breakpoints.up('md')]: {
- 
 
 17 
    gridTemplateAreas: '"sidebar main aside"',
11 
    row-gap: 0.5rem;
 18 
    gridTemplateColumns: 'minmax(0, 5fr) minmax(0, 12fr) minmax(300px, 7fr)'
12 
  `
 19 
  }
Línea 13... Línea 20...
13 
)
 20 
}))