26 lines
549 B
React
26 lines
549 B
React
|
import { useState } from 'react'
|
||
|
|
import Header from './components/header.jsx';
|
||
|
|
import Sidebar from './components/sidebar.jsx';
|
||
|
|
import { Grid, GridItem } from "@chakra-ui/react"
|
||
|
|
import { Box } from "@chakra-ui/react"
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
return (
|
||
|
|
<Grid
|
||
|
|
templateRows="1fr 11fr"
|
||
|
|
templateColumns="2fr 10fr"
|
||
|
|
height="100vh"
|
||
|
|
width="100vw"
|
||
|
|
>
|
||
|
|
<GridItem rowSpan={1} colSpan={2}>
|
||
|
|
<Header />
|
||
|
|
</GridItem>
|
||
|
|
<GridItem colSpan={1}>
|
||
|
|
<Sidebar />
|
||
|
|
</GridItem>
|
||
|
|
</Grid>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default App
|