Fix code block

splitbee · Apr 21, 2020 · 42cbc47 · 42cbc47
1 parent 4e8ea89
commit 42cbc47
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
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 {