fix: break all on link

ntua-unit-of-control-and-informatics · Dec 20, 2024 · 7610568 · 7610568
1 parent e8bd6ee
commit 7610568
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/app/blog/(posts)/run-and-deploy-an-llm/page.mdx b/app/blog/(posts)/run-and-deploy-an-llm/page.mdx
@@ -334,6 +334,7 @@ Key features of our frontend implementation:
 - Error handling and recovery
 
 After doing all this we end up with a UI looking like this image:
+
 ![Llama ui](/llama-ui.png)
 
 ## Deployment

diff --git a/mdx-components.tsx b/mdx-components.tsx
@@ -9,7 +9,12 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
     a(props: any) {
       return (
-        <Link href={props.href} isExternal size="md" className='break-all'>
+        <Link
+          href={props.href}
+          isExternal
+          size="md"
+          style={{ wordBreak: 'break-all' }}
+        >
           {props.children}
         </Link>
       );