fix: code block overflow hidden

kunish · kunish · commit a8e0a4f47a00 · 2023-10-25T10:41:50.000+08:00
diff --git a/src/components/CodeBlock.tsx b/src/components/CodeBlock.tsx
@@ -9,11 +9,9 @@ const CodeBlock: FC<{ children: string } & SyntaxHighlighterProps> = ({ children
   const { resolvedTheme } = useTheme()
 
   return (
-    <div className="overflow-hidden rounded-lg">
-      <SyntaxHighlighter style={resolvedTheme === 'dark' ? atomOneDark : atomOneLight} {...props}>
-        {children}
-      </SyntaxHighlighter>
-    </div>
+    <SyntaxHighlighter className="rounded-lg" style={resolvedTheme === 'dark' ? atomOneDark : atomOneLight} {...props}>
+      {children}
+    </SyntaxHighlighter>
   )
 }
 CodeBlock.displayName = 'CodeBlock'

Original file line number	Diff line number	Diff line change
`@@ -9,11 +9,9 @@ const CodeBlock: FC<{ children: string } & SyntaxHighlighterProps> = ({ children`
`9`	`9`	`const { resolvedTheme } = useTheme()`
`10`	`10`
`11`	`11`	`return (`
`12`		`- <div className="overflow-hidden rounded-lg">`
`13`		`- <SyntaxHighlighter style={resolvedTheme === 'dark' ? atomOneDark : atomOneLight} {...props}>`
`14`		`- {children}`
`15`		`- </SyntaxHighlighter>`
`16`		`- </div>`
	`12`	`+ <SyntaxHighlighter className="rounded-lg" style={resolvedTheme === 'dark' ? atomOneDark : atomOneLight} {...props}>`
	`13`	`+ {children}`
	`14`	`+ </SyntaxHighlighter>`
`17`	`15`	`)`
`18`	`16`	`}`
`19`	`17`	`CodeBlock.displayName = 'CodeBlock'`