fix: small rendering fixes openai-chat (#247)

zeno-ml · Sep 29, 2023 · 164a06d · 164a06d
1 parent 9fe5ee0
commit 164a06d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/lib/components/general/Markdown.svelte b/frontend/src/lib/components/general/Markdown.svelte
@@ -2,7 +2,9 @@
 	export let renderedText: string;
 </script>
 
-<div class="prose">
+<article
+	class="prose break-all [&_a]:break-all [&_p]:break-all [&_p]:whitespace-pre-wrap max-w-none"
+>
 	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 	{@html renderedText}
-</div>
+</article>
diff --git a/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte b/frontend/src/lib/components/instance-views/views/views/OpenAIChatMarkdown.svelte
@@ -36,7 +36,7 @@
 	<CircularProgress style="height: 32px; width: 32px; margin-right:20px" indeterminate />
 {:then data}
 	{@const entries = showall ? data : data.slice(-4)}
-	<div class="flex flex-col border border-grey-light rounded p-2.5 m-1 w-[32rem]">
+	<div class="flex flex-col border border-grey-light rounded p-2.5 m-1 max-w-4xl">
 		{#if !showall}
 			<button
 				class="self-center bg-transparent cursor-pointer flex items-center p-1 -mt-1.5 rounded-2xl hover:bg-grey-lighter"