From 4149066d745f9c7718650c93ee8a5d55a83df929 Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Tue, 11 Feb 2025 12:09:09 -0500
Subject: [PATCH] fix: Allow codeblocks to expand to fit content

Note: Codeblocks can only be come up to 95% width of their container,
after that the `<pre>` will start scrolling.
---
 src/lib/components/prose.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/prose.svelte b/src/lib/components/prose.svelte
index 3250e48..8ced97c 100644
--- a/src/lib/components/prose.svelte
+++ b/src/lib/components/prose.svelte
@@ -9,4 +9,6 @@
   const { children, class: className = '' }: Props = $props();
 </script>
 
-<div class={className + ' prose prose-stone prose-blue dark:prose-invert'}>{@render children()}</div>
+<div class={className + ' prose prose-stone prose-blue !max-w-full dark:prose-invert prose-pre:w-fit prose-pre:max-w-[95%] '}>
+  {@render children()}
+</div>