fix: remove flex on dynamic content

Author: unix

lib/components/layout.tsx

@@ -73,7 +73,7 @@ const Layout: React.FC<React.PropsWithChildren<LayoutProps>> = ({
         <Spacer />
         <Profile />
         {inDetailPage && <Title title={meta.title} date={meta.date} />}
-        {children}
+        <div className="dynamic-content">{children}</div>
         <Spacer h={5} />
         <Contacts isDetailPage={!!inDetailPage} />
       </div>
@@ -87,6 +87,11 @@ const Layout: React.FC<React.PropsWithChildren<LayoutProps>> = ({
           justify-content: center;
         }
 
+        .dynamic-content {
+          width: 100%;
+          height: auto;
+        }
+
         .container {
           width: 100%;
           max-width: ${Configs.layouts.pageWidth};

pages/posts/about.mdx

@@ -0,0 +1,15 @@
+import { Layout } from 'lib/components'
+import { Button } from '@geist-ui/react'
+
+export const meta = {
+  title: 'Hello World',
+  date: '2019-06-03T11:38:04.563Z',
+}
+
+Welcome to `unix.bio`, run `npm run post` to create your first post.
+
+<Button scale={2 / 3} auto onClick={() => alert('done')}>
+  Click to share
+</Button>
+
+export default ({ children }) => <Layout meta={meta}>{children}</Layout>

scripts/templates/posts/about.mdx

@@ -8,7 +8,7 @@ export const meta = {
 
 Welcome to `unix.bio`, run `npm run post` to create your first post.
 
-<Button scale={2 / 3} onClick={() => alert('done')}>
+<Button auto scale={2 / 3} onClick={() => alert('done')}>
   Click to share
 </Button>