Fix spacing

This commit is contained in:
Siddharth Ganesan
2025-07-08 16:51:44 -07:00
parent b58d8773c9
commit 767b63c57d
2 changed files with 21 additions and 21 deletions

View File

@@ -110,7 +110,7 @@ function ModalCopilotMessage({ message }: CopilotModalMessage) {
<div className='mx-auto max-w-3xl'>
<div className='flex'>
<div className='max-w-[80%]'>
<div
<div
className='prose prose-sm dark:prose-invert max-w-none whitespace-pre-wrap break-words text-base leading-normal'
dangerouslySetInnerHTML={{ __html: renderMarkdown(message.content) }}
/>

View File

@@ -259,19 +259,19 @@ export const Copilot = forwardRef<CopilotRef, CopilotProps>(
// Handle unordered lists
.replace(/^\* (.*$)/gm, '<li class="ml-4">• $1</li>')
.replace(/^- (.*$)/gm, '<li class="ml-4">• $1</li>')
// Handle line breaks (reduce spacing)
.replace(/\n\n+/g, '</p><p class="mt-2">')
.replace(/\n/g, '<br>')
// Handle line breaks (reduce spacing)
.replace(/\n\n+/g, '</p><p class="mt-2">')
.replace(/\n/g, '<br>')
// Wrap in paragraph tags if not already wrapped
if (
!processedContent.includes('<p>') &&
!processedContent.includes('<h1>') &&
!processedContent.includes('<h2>') &&
!processedContent.includes('<h3>')
) {
processedContent = `<p>${processedContent}</p>`
}
// Wrap in paragraph tags if not already wrapped
if (
!processedContent.includes('<p>') &&
!processedContent.includes('<h1>') &&
!processedContent.includes('<h2>') &&
!processedContent.includes('<h3>')
) {
processedContent = `<p>${processedContent}</p>`
}
return processedContent
}
@@ -329,14 +329,14 @@ export const Copilot = forwardRef<CopilotRef, CopilotProps>(
</div>
{/* Enhanced content rendering with inline citations */}
<div className='prose prose-sm dark:prose-invert max-w-none'>
<div
className='text-foreground text-sm leading-normal'
dangerouslySetInnerHTML={{
__html: renderContentWithCitations(message.content, message.sources),
}}
/>
</div>
<div className='prose prose-sm dark:prose-invert max-w-none'>
<div
className='text-foreground text-sm leading-normal'
dangerouslySetInnerHTML={{
__html: renderContentWithCitations(message.content, message.sources),
}}
/>
</div>
{/* Streaming cursor */}
{message.isStreaming && message.content && (