mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2026-01-03 19:30:04 +08:00
fix: bubble overflow patch (#7055)
* fix: bubble overflow * fix: bubble content doesn't fill context width
This commit is contained in:
parent
fe4c92cc60
commit
d6bccea55d
@ -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}
|
||||||
|
|||||||
@ -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
|
||||||
})}>
|
})}>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user