Fix up styling of error boundaries for use within ReadMe

readmeio · Aug 30, 2018 · 4657431 · 4657431
1 parent 5c46a0e
commit 4657431
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/api-explorer/src/EndpointErrorBoundary.jsx b/packages/api-explorer/src/EndpointErrorBoundary.jsx
@@ -27,7 +27,7 @@ class EndpointErrorBoundary extends React.Component {
               </a>{' '}
               with the following error:
             </h3>
-            <pre>
+            <pre style={{ whiteSpace: 'pre-wrap' }}>
               {this.state.error && this.state.error.toString()}
               {this.state.info.componentStack}
             </pre>

diff --git a/packages/api-explorer/src/ErrorBoundary.jsx b/packages/api-explorer/src/ErrorBoundary.jsx
@@ -17,14 +17,14 @@ class ErrorBoundary extends React.Component {
   render() {
     if (this.state.error) {
       return (
-        <div style={{ paddingLeft: '2%' }}>
+        <div style={{ paddingLeft: '2%', width: '75%' }}>
           <h3>
             There was an error rendering the API Explorer. If you are the owner of this project
             please contact{' '}
             <a href="mailto:support@readme.io?subject=API Explorer Error">support@readme.io</a> with
             the following error:
           </h3>
-          <pre>
+          <pre style={{ whiteSpace: 'pre-wrap' }}>
             {this.state.error && this.state.error.toString()}
             {this.state.info.componentStack}
           </pre>