fix: bubble overflow patch (#7055)

* fix: bubble overflow

* fix: bubble content doesn't fill context width
This commit is contained in:
Wang Jiyuan 2025-06-10 21:42:18 +08:00 committed by GitHub
parent fe4c92cc60
commit d6bccea55d
2 changed files with 4 additions and 2 deletions

View File

@ -174,7 +174,8 @@ const MessageItem: FC<Props> = ({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
alignSelf: isAssistantMessage ? 'flex-start' : 'flex-end', alignSelf: isAssistantMessage ? 'flex-start' : 'flex-end',
flex: isBubbleStyle ? undefined : 1 flex: 1,
maxWidth: '100%'
}}> }}>
<MessageHeader <MessageHeader
message={message} message={message}

View File

@ -180,7 +180,8 @@ const MessageGroup = ({ messages, topic, registerMessageElement }: Props) => {
$isGrouped={isGrouped} $isGrouped={isGrouped}
key={message.id} key={message.id}
className={classNames({ className={classNames({
'group-message-wrapper': message.role === 'assistant' && isHorizontal && isGrouped, // 加个卡片布局
'group-message-wrapper': message.role === 'assistant' && (isHorizontal || isGrid) && isGrouped,
[multiModelMessageStyle]: isGrouped, [multiModelMessageStyle]: isGrouped,
selected: message.id === selectedMessageId selected: message.id === selectedMessageId
})}> })}>