Skip to content

Commit 4f48a32

Browse files
committed
improvement: Add Layout component to structure page
1 parent 009e84d commit 4f48a32

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Flex } from "@chakra-ui/react";
2+
import { Header } from "@/components/Header";
3+
import { Sidebar } from "@/components/Sidebar";
4+
5+
type LayoutProps = {
6+
children: React.ReactNode;
7+
};
8+
9+
export function Layout({ children }: LayoutProps) {
10+
return (
11+
<Flex direction="column" h="100vh">
12+
<Header />
13+
<Flex w="100%" my="6" maxWidth={1480} mx="auto" px="6">
14+
<Sidebar />
15+
{children}
16+
</Flex>
17+
</Flex>
18+
);
19+
}

0 commit comments

Comments
 (0)