Merge pull request #196 from ollama-webui/codeblock-width

feat: horizontal scroll for code block

Merge pull request #196 from ollama-webui/codeblock-width
feat: horizontal scroll for code block
1e880f25 · Timothy Jaeryang Baek · GitHub · a3e2a573 · 109dbb44 · 1e880f25
Unverified Commit 1e880f25 authored Dec 08, 2023 by Timothy Jaeryang Baek Committed by GitHub Dec 08, 2023
Show whitespace changes
Inline Side-by-side

Showing with 9 additions and 3 deletions

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

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,12 @@ html {
 	word-break: break-word;
 }

+code {
+	white-space-collapse: preserve !important;
+	white-space: nowrap;
+	width: auto;
+}
+
 math {
 	margin-top: 1rem;
 }
@@ -31,8 +37,8 @@ math {
 }

 ::-webkit-scrollbar {
-	height: 1rem;
-	width: 0.5rem;
+	height: 0.45rem;
+	width: 0.35rem;
 }

 ::-webkit-scrollbar-track {

--- 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