feat: horizontal scroll for code block

d0633a94 · Timothy J. Baek · a3e2a573 · d0633a94 · d0633a94
Commit d0633a94 authored Dec 08, 2023 by Timothy J. Baek
Show whitespace changes
Inline Side-by-side

Showing with 9 additions and 1 deletion

src/app.css src/app.css +8 -0

src/lib/components/chat/Messages.svelte src/lib/components/chat/Messages.svelte +1 -1

No files found.
--- a/src/app.css
+++ b/src/app.css
@@ -14,6 +14,14 @@ html {
 	word-break: break-word;
 }

+code {
+	white-space-collapse: preserve !important;
+	/* text-wrap: nowrap !important; */
+
+	white-space: nowrap;
+	width: auto;
+}
+
 math {
 	margin-top: 1rem;
 }

--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -372,7 +372,7 @@
 						{/if}
 					</div>

-					<div class="w-full">
+					<div class="w-full overflow-hidden">
 						<div class=" self-center font-bold mb-0.5">
 							{#if message.role === 'user'}
 								You