remove deprecated theme-ui components from notes-theme (#76)

gatsbyjs · Sep 15, 2020 · 4c9d3bc · 4c9d3bc
1 parent 0766e93
commit 4c9d3bc
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/packages/gatsby-theme-notes/src/components/layout.js b/packages/gatsby-theme-notes/src/components/layout.js
@@ -1,7 +1,6 @@
 import React from "react"
 import { Global } from "@emotion/core"
-import { css } from "theme-ui"
-import { Layout, Main, Container } from "theme-ui"
+import { css, Box } from "theme-ui"
 import Footer from "./footer"
 
 export default (props) => (
@@ -17,13 +16,25 @@ export default (props) => (
         },
       })}
     />
-    <Layout>
-      <Main>
-        <Container>
+    <Box
+      css={css({
+        minHeight: `100vh`,
+        display: `flex`,
+        flexDirection: `column`,
+      })}
+    >
+      <Box as="main">
+        <Box
+          p={[5]}
+          css={css({
+            display: `flex`,
+            flexDirection: `column`,
+          })}
+        >
           {props.children}
           <Footer />
-        </Container>
-      </Main>
-    </Layout>
+        </Box>
+      </Box>
+    </Box>
   </>
 )