update theme

pages/about.md

@@ -1,3 +1,11 @@
 # About
 
-- [Back to Home](/)
+Next.js、MDX、Material-UI の組み合わせで作ってみたサンプルページ。
+
+## ソースコード
+
+[https://github.com/kou029w/next-example](https://github.com/kou029w/next-example)
+
+## ライセンス
+
+MIT

pages/index.md

@@ -1,3 +1,3 @@
 # Hello Next.js
 
-- [/about](/about)
+- [About](/about)

styles/MainTheme.tsx

@@ -58,7 +58,8 @@ export const components = {
         <MuiLink variant="body1" color="secondary" href={url} {...props} />
       </Link>
     );
-  }
+  },
+  p: (props: {}) => <Typography component="p" variant="body1" {...props} />
 };
 
 const MainTheme: React.FC = ({ children }) => (
@@ -66,11 +67,7 @@ const MainTheme: React.FC = ({ children }) => (
     <MDXProvider components={components}>
       <TopAppBar />
       <Box paddingTop={6}>
-        <Container>
+        <Container>{children}</Container>
-          <Typography component="div" variant="body1">
-            {children}
-          </Typography>
-        </Container>
       </Box>
     </MDXProvider>
   </ThemeProvider>