fix: align user message bubble sizing
Matched Markdown and plain text message spacing Removed extra Markdown margins in user bubbles
This commit is contained in:
@@ -231,7 +231,7 @@ const UserTextPart: React.FC<UserTextPartProps> = ({ part, messageId, agentMenti
|
|||||||
)}
|
)}
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"break-words font-sans typography-markdown",
|
"break-words font-sans typography-markdown-body",
|
||||||
isExpanded && "pb-3",
|
isExpanded && "pb-3",
|
||||||
normalizedRenderingMode === 'plain' && 'whitespace-pre-wrap',
|
normalizedRenderingMode === 'plain' && 'whitespace-pre-wrap',
|
||||||
!isExpanded && "line-clamp-2",
|
!isExpanded && "line-clamp-2",
|
||||||
@@ -241,8 +241,9 @@ const UserTextPart: React.FC<UserTextPartProps> = ({ part, messageId, agentMenti
|
|||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
>
|
>
|
||||||
{normalizedRenderingMode === 'markdown' ? (
|
{normalizedRenderingMode === 'markdown' ? (
|
||||||
<SimpleMarkdownRenderer
|
<SimpleMarkdownRenderer
|
||||||
content={processedMarkdownContent}
|
content={processedMarkdownContent}
|
||||||
|
className="[&_.markdown-content>*:first-child]:mt-0 [&_.markdown-content>*:last-child]:mb-0"
|
||||||
disableLinkSafety
|
disableLinkSafety
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user