16 lines
534 B
Plaintext
16 lines
534 B
Plaintext
|
<Box
|
||
|
|
sx={{
|
||
|
|
display: 'grid',
|
||
|
|
gridTemplateColumns: 'repeat(4, 1fr)',
|
||
|
|
gap: 1,
|
||
|
|
gridTemplateRows: 'auto',
|
||
|
|
gridTemplateAreas: `"header header header header"
|
||
|
|
"main main . sidebar"
|
||
|
|
"footer footer footer footer"`,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Box sx={{ gridArea: 'header', bgcolor: 'primary.main' }}>Header</Box>
|
||
|
|
<Box sx={{ gridArea: 'main', bgcolor: 'secondary.main' }}>Main</Box>
|
||
|
|
<Box sx={{ gridArea: 'sidebar', bgcolor: 'error.main' }}>Sidebar</Box>
|
||
|
|
<Box sx={{ gridArea: 'footer', bgcolor: 'warning.dark' }}>Footer</Box>
|
||
|
|
</Box>
|