Browse Source

fix: code render issue

Timothy J. Baek 1 year ago
parent
commit
affa6568d6
2 changed files with 2 additions and 1 deletions
  1. 1 1
      src/app.css
  2. 1 0
      src/lib/components/chat/Messages/ResponseMessage.svelte

+ 1 - 1
src/app.css

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

+ 1 - 0
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';