fix: add extra space between paragraphs in reasoning renderer

huggingface · Dec 3, 2024 · 3d500d6 · 3d500d6
1 parent feecc17
commit 3d500d6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 15 deletions.
diff --git a/src/lib/components/chat/MarkdownRenderer.svelte b/src/lib/components/chat/MarkdownRenderer.svelte
@@ -101,20 +101,16 @@
 	});
 </script>
 
-<div
-	class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
->
-	{#each marked.lexer(content) as token}
-		{#if token.type === "code"}
-			<CodeBlock lang={token.lang} code={token.text} />
-		{:else}
-			{#await marked.parse(token.raw) then parsed}
-				<!-- eslint-disable-next-line svelte/no-at-html-tags -->
-				{@html parsed}
-			{/await}
-		{/if}
-	{/each}
-</div>
+{#each marked.lexer(content) as token}
+	{#if token.type === "code"}
+		<CodeBlock lang={token.lang} code={token.text} />
+	{:else}
+		{#await marked.parse(token.raw) then parsed}
+			<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+			{@html parsed}
+		{/await}
+	{/if}
+{/each}
 
 <style lang="postcss">
 	:global(.katex-display) {

diff --git a/src/lib/components/chat/OpenReasoningResults.svelte b/src/lib/components/chat/OpenReasoningResults.svelte
@@ -52,7 +52,7 @@
 	</summary>
 
 	<div
-		class="border-t border-gray-200 px-5 pb-2 pt-2 text-sm text-gray-600 dark:border-gray-800 dark:text-gray-400"
+		class="border-t border-gray-200 px-5 pb-2 pt-2 text-sm text-gray-600 dark:border-gray-800 dark:text-gray-400 space-y-4"
 	>
 		<MarkdownRenderer {content} />
 	</div>