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

feat: horizontal scroll for code block

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 {

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