Fixed Code component

derdela · May 7, 2017 · 13d882d · 13d882d
1 parent 50bb475
commit 13d882d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Code/index.js b/src/components/Code/index.js
@@ -12,8 +12,10 @@ class Code extends React.Component {
     const language = this.props.language ? `language-${this.props.language}` : ''
 
     return (
-      <pre className={'Pre ' + language} ref={(ref) => (this.code = ref)}>
-        <code className='Code'>{this.props.children}</code>
+      <pre className={'Pre ' + language}>
+        <code className='Code' ref={(ref) => (this.code = ref)}>
+          {this.props.children}
+        </code>
       </pre>
     )
   }

diff --git a/src/components/Code/styles.css b/src/components/Code/styles.css
@@ -16,6 +16,11 @@
   hyphens: none;
 }
 
+.Code {
+  max-width: 700px;
+  max-width: 70ch;
+}
+
 .token.comment,
 .token.prolog,
 .token.doctype,