init brojs

2025-11-02 17:44:37 +03:00
parent bc77227aeb
commit 3a65307fd0
23 changed files with 15460 additions and 0 deletions
@@ -0,0 +1,28 @@
+import React from 'react'
+import { Grid, GridItem } from '@chakra-ui/react'
+
+export const MainPage = () => {
+  return (
+    <Grid
+      h="100%"
+      bgColor="gray.300"
+      templateAreas={{
+        md: `"header header"
+        "aside main"
+        "footer footer"`,
+        sm: `"header"
+        "main"
+        "aside"
+        "footer"`,
+      }}
+      gridTemplateRows={{ sm: '1fr', md: '50px 1fr 30px' }}
+      gridTemplateColumns={{ sm: '1fr', md: '150px 1fr' }}
+      gap={4}
+    >
+      <GridItem bgColor="green.100" gridArea="header">header</GridItem>
+      <GridItem bgColor="green.300" gridArea="aside">aside</GridItem>
+      <GridItem bgColor="green.600" gridArea="main" h="100vh">main</GridItem>
+      <GridItem bgColor="green.300" gridArea="footer">footer</GridItem>
+    </Grid>
+  )
+}