Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3097 Rev 3098
Línea 16... Línea 16...
16 
    gridTemplateColumns: '2fr 5fr  3fr',
 16 
    gridTemplateColumns: '2fr 5fr  3fr',
17 
    gridTemplateAreas: '"sidebar main aside"'
 17 
    gridTemplateAreas: '"sidebar main aside"'
18 
  }
 18 
  }
19 
}))
 19 
}))
Línea -... Línea 20...
- 
 
 20 
 
- 
 
 21 
const CustomColumn = styled(Box)(({ theme }) => ({
- 
 
 22 
  position: 'relative',
- 
 
 23 
  height: 'fit-content',
- 
 
 24 
  display: 'grid',
- 
 
 25 
  gap: theme.spacing(0.5),
- 
 
 26 
  overflow: 'hidden'
- 
 
 27 
}))
20 
 
 28 
 
21 
const AppGrid = ({
 29 
const AppGrid = ({
22 
  renderSidebar = () => null,
 30 
  renderSidebar = () => null,
23 
  renderMain = () => null,
 31 
  renderMain = () => null,
24 
  renderAside = () => null
 32 
  renderAside = () => null
25 
}) => {
 33 
}) => {
26 
  return (
 34 
  return (
27 
    <CustomGrid>
 35 
    <CustomGrid>
28 
      <Box
 36 
      <CustomColumn
29 
        sx={{
 - 
 
30 
          position: 'relative',
 - 
 
31 
          gap: 0.5,
 - 
 
32 
          height: 'fit-content',
 37 
        sx={{
33 
          display: { xs: 'none', sm: 'grid' },
 38 
          display: { xs: 'none', sm: 'grid' },
34 
          gridArea: 'sidebar',
 - 
 
35 
          maxWidth: '100%',
 - 
 
36 
          overflow: 'hidden',
 - 
 
37 
          pb: 1
 39 
          gridArea: 'sidebar'
38 
        }}
 40 
        }}
39 
      >
 41 
      >
40 
        {renderSidebar()}
 42 
        {renderSidebar()}
41 
      </Box>
 - 
 
42 
      <Box
 - 
 
43 
        sx={{
 - 
 
44 
          display: 'grid',
 - 
 
45 
          gap: 0.5,
 43 
      </CustomColumn>
46 
          gridArea: 'main',
 - 
 
47 
          maxWidth: '100%',
 - 
 
48 
          overflow: 'hidden',
 - 
 
49 
          pb: 1
 - 
 
50 
        }}
 - 
 
51 
      >
 - 
 
52 
        {renderMain()}
 - 
 
53 
      </Box>
 - 
 
54 
      <Box
 - 
 
55 
        sx={{
 - 
 
56 
          display: 'grid',
 - 
 
57 
          gap: 0.5,
 44 
      <CustomColumn sx={{ gridArea: 'main' }}>{renderMain()}</CustomColumn>
58 
          gridArea: 'aside',
 - 
 
59 
          maxWidth: '100%',
 - 
 
60 
          overflow: 'hidden',
 - 
 
61 
          pb: 1
 - 
 
62 
        }}
 - 
 
63 
      >
 - 
 
64 
        {renderAside()}
 - 
 
65 
      </Box>
 45 
      <CustomColumn sx={{ gridArea: 'aside' }}>{renderAside()}</CustomColumn>
66 
    </CustomGrid>
 46 
    </CustomGrid>
67 
  )
 47 
  )
Línea 68... Línea 48...
68 
}
 48 
}