fix: mobile overflows

This commit is contained in:
ManishMadan2882
2024-09-13 19:13:53 +05:30
parent 22c0375dca
commit 226adfdba2

View File

@@ -51,9 +51,12 @@ const ConversationBubble = forwardRef<
let bubble;
if (type === 'QUESTION') {
bubble = (
<div ref={ref} className={`flex flex-row-reverse self-end ${className}`}>
<div
ref={ref}
className={`flex flex-row-reverse self-end flex-wrap ${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 w-full whitespace-pre-wrap leading-normal break-line">
<div className="ml-10 mr-2 flex items-center rounded-[28px] bg-purple-30 py-[14px] px-[19px] text-white max-w-full whitespace-pre-wrap leading-normal break-normal">
{message}
</div>
</div>