fix: style

cyf · Oct 22, 2023 · 5677d4a · 5677d4a
1 parent 30ac8de
commit 5677d4a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/mdx/mdx.tsx b/app/components/mdx/mdx.tsx
@@ -17,7 +17,7 @@ export function Mdx({ code }: MdxProps) {
   const Component = useMDXComponent(code);
 
   return (
-    <article className="prose-a:text-gray-90 prose prose-lg max-w-none text-lg text-gray-600 prose-headings:text-gray-900 prose-h2:scroll-mt-28 prose-p:leading-normal prose-a:font-normal hover:prose-a:underline prose-blockquote:border-none prose-blockquote:pl-0 prose-blockquote:font-medium prose-blockquote:italic prose-blockquote:text-gray-900 prose-strong:font-medium prose-strong:text-gray-900 dark:text-gray-300 dark:prose-headings:text-gray-100 dark:prose-a:text-gray-100 dark:prose-blockquote:text-gray-100 dark:prose-strong:text-gray-100">
+    <article className="prose-a:text-gray-90 prose prose-lg max-w-none break-words text-lg text-gray-600 prose-headings:text-gray-900 prose-h2:scroll-mt-28 prose-p:leading-normal prose-a:font-normal hover:prose-a:underline prose-blockquote:border-none prose-blockquote:pl-0 prose-blockquote:font-medium prose-blockquote:italic prose-blockquote:text-gray-900 prose-strong:font-medium prose-strong:text-gray-900 dark:text-gray-300 dark:prose-headings:text-gray-100 dark:prose-a:text-gray-100 dark:prose-blockquote:text-gray-100 dark:prose-strong:text-gray-100">
       <Component components={{ ...mdxComponents }} />
     </article>
   );

diff --git a/docs/components/mdx/mdx.tsx b/docs/components/mdx/mdx.tsx
@@ -17,7 +17,7 @@ export function Mdx({ code }: MdxProps) {
   const Component = useMDXComponent(code);
 
   return (
-    <article className="prose-a:text-gray-90 prose prose-lg max-w-none text-lg text-gray-600 prose-headings:text-gray-900 prose-h2:scroll-mt-28 prose-p:leading-normal prose-a:font-normal hover:prose-a:underline prose-blockquote:border-none prose-blockquote:pl-0 prose-blockquote:font-medium prose-blockquote:italic prose-blockquote:text-gray-900 prose-strong:font-medium prose-strong:text-gray-900 dark:text-gray-300 dark:prose-headings:text-gray-100 dark:prose-a:text-gray-100 dark:prose-blockquote:text-gray-100 dark:prose-strong:text-gray-100">
+    <article className="prose-a:text-gray-90 prose prose-lg max-w-none break-words text-lg text-gray-600 prose-headings:text-gray-900 prose-h2:scroll-mt-28 prose-p:leading-normal prose-a:font-normal hover:prose-a:underline prose-blockquote:border-none prose-blockquote:pl-0 prose-blockquote:font-medium prose-blockquote:italic prose-blockquote:text-gray-900 prose-strong:font-medium prose-strong:text-gray-900 dark:text-gray-300 dark:prose-headings:text-gray-100 dark:prose-a:text-gray-100 dark:prose-blockquote:text-gray-100 dark:prose-strong:text-gray-100">
       <Component components={{ ...mdxComponents }} />
     </article>
   );