Merge branch 'master' of github.com:splitbee/react-notion

timolins · timolins · commit 2208a3609e4d · 2020-04-21T21:32:46.000+02:00
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.4.2",
+  "version": "0.5.1",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
diff --git a/src/components/code.tsx b/src/components/code.tsx
@@ -10,12 +10,14 @@ const Code: React.FC<{ code: string; language: string }> = ({
     languages[language.toLowerCase()] || languages.javascript;
 
   return (
-    <code
-      className="notion-code"
-      dangerouslySetInnerHTML={{
-        __html: highlight(code, prismLanguage, language)
-      }}
-    />
+    <pre>
+      <code
+        className="notion-code"
+        dangerouslySetInnerHTML={{
+          __html: highlight(code, prismLanguage, language)
+        }}
+      />
+    </pre>
   );
 };
 
diff --git a/src/styles.css b/src/styles.css
@@ -221,6 +221,7 @@ h3 {
   font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier,
     monospace;
   box-sizing: border-box;
+  overflow-x: scroll;
 }
 
 .notion-column {

Original file line number	Diff line number	Diff line change
`@@ -221,6 +221,7 @@ h3 {`
`221`	`221`	`font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier,`
`222`	`222`	`monospace;`
`223`	`223`	`box-sizing: border-box;`
	`224`	`+ overflow-x: scroll;`
`224`	`225`	`}`
`225`	`226`
`226`	`227`	`.notion-column {`