ChatMessageList: fix horizontal overflow for long messages in UI

This commit is contained in:
Alex Gleason
2022-08-29 16:39:39 -05:00
parent 271bc271f7
commit 2f0a41cc36

View File

@ -275,7 +275,7 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat, autosize }) => {
title={getFormattedTimestamp(chatMessage)}
className={
classNames({
'text-ellipsis break-words relative rounded-md p-2': true,
'text-ellipsis break-words relative rounded-md p-2 max-w-full': true,
'bg-primary-500 text-white mr-2': isMyMessage,
'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100 order-2 ml-2': !isMyMessage,
})