fix(ui): overflow in queries

This commit is contained in:
ManishMadan2882
2024-09-13 19:01:38 +05:30
parent e77f6c9f6f
commit 22c0375dca
3 changed files with 7 additions and 21 deletions

View File

@@ -53,10 +53,8 @@ const ConversationBubble = forwardRef<
bubble = (
<div ref={ref} className={`flex flex-row-reverse self-end ${className}`}>
<Avatar className="mt-2 text-2xl" avatar="🧑‍💻"></Avatar>
<div className="ml-10 mr-2 flex items-center rounded-[28px] bg-purple-30 py-[14px] px-[19px] text-white">
<ReactMarkdown className="whitespace-pre-wrap break-normal leading-normal">
{message}
</ReactMarkdown>
<div className="ml-10 mr-2 flex items-center rounded-[28px] bg-purple-30 py-[14px] px-[19px] text-white w-full whitespace-pre-wrap leading-normal break-line">
{message}
</div>
</div>
);