Add overflow-x-auto for code block

mengqi92 · Mar 31, 2024 · 949350e · 949350e
1 parent 066c3b1
commit 949350e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/app/_components/markdown-post.tsx b/src/app/_components/markdown-post.tsx
@@ -14,7 +14,7 @@ const components: MDXComponents = {
     li: ({ children }) => <li className="leading-7 list-outside list-decimal">{children}</li>,
     pre: ({ className, children, ...props }) => {
         return (
-            <pre className={clsx("p-0 my-4 px-4 py-4 bg-transparent rounded", className)} {...props}>
+            <pre className={clsx("p-0 my-4 px-4 py-4 bg-transparent rounded overflow-x-auto", className)} {...props}>
                 {children}
             </pre>
         )