Co-authored-by: Vadim Smirnov <smirnou.vadzim@gmail.com> Co-authored-by: zakariasaad <zakaria.elas@gmail.com> Co-authored-by: Vilfred Sikker <vilfredsikker@gmail.com> Co-authored-by: Kasper <kasper@medusa-commerce.com> Co-authored-by: Sebastian Rindom <skrindom@gmail.com> Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>
27 lines
546 B
JavaScript
27 lines
546 B
JavaScript
import React from "react"
|
|
import { Flex, Box } from "theme-ui"
|
|
import Sidebar from "./side-bar"
|
|
|
|
const Layout = ({ data, api, children }) => {
|
|
return (
|
|
<Flex sx={{ p: "0", m: "0", overflow: "hidden" }}>
|
|
<Flex
|
|
sx={{
|
|
position: "absolute",
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
fontFamily: "body",
|
|
flexGrow: "1",
|
|
}}
|
|
>
|
|
<Sidebar data={data} api={api} />
|
|
<Box>{children}</Box>
|
|
</Flex>
|
|
</Flex>
|
|
)
|
|
}
|
|
|
|
export default Layout
|