Merge pull request #334 from ollama-webui/code-render-fix

fix: code render issue

Merge pull request #334 from ollama-webui/code-render-fix
fix: code render issue
b42050fe · Timothy Jaeryang Baek · GitHub · fed6a5b1 · affa6568 · b42050fe
Unverified Commit b42050fe authored Jan 01, 2024 by Timothy Jaeryang Baek Committed by GitHub Jan 01, 2024
Show whitespace changes
Inline Side-by-side

Showing with 2 additions and 1 deletion

src/app.css src/app.css +1 -1

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

No files found.
--- a/src/app.css
+++ b/src/app.css
@@ -16,7 +16,7 @@ html {

 code {
 	/* white-space-collapse: preserve !important; */
-	white-space: pre;
+	overflow-x: auto;
 	width: auto;
 }


--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -88,6 +88,7 @@
 				let code = block.querySelector('code');
 				code.style.borderTopRightRadius = 0;
 				code.style.borderTopLeftRadius = 0;
+				code.style.whiteSpace = 'pre';

 				let topBarDiv = document.createElement('div');
 				topBarDiv.style.backgroundColor = '#202123';