Fix examples that render with inherent width

Fixes #648
UNStats · Dec 4, 2020 · 24da3cc · 24da3cc · vercel · Dec 4, 2020
1 parent 15c930f
commit 24da3cc
Show file tree

Hide file tree

Showing 3 changed files with 138 additions and 113 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -20,7 +20,7 @@
     "@undataforum/assets": "*",
     "@undataforum/components": "*",
     "@undataforum/preset": "*",
-    "gatsby": "^2.26.1",
+    "gatsby": "^2.28.0",
     "prop-types": "^15.7.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",

diff --git a/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js b/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js
@@ -1,10 +1,12 @@
 import React from 'react';
 import { node } from 'prop-types';
-import { ThemeProvider } from 'theme-ui';
+import { Box, ThemeProvider } from 'theme-ui';
 import preset from '@theme-ui/preset-base';
 
 const LivePreviewWrapper = ({ children }) => (
-  <ThemeProvider theme={preset}>{children}</ThemeProvider>
+  <ThemeProvider theme={preset}>
+    <Box sx={{ width: '100%' }}>{children}</Box>{' '}
+  </ThemeProvider>
 );
 
 LivePreviewWrapper.propTypes = {