Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-04 03:40:33 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: message content width will exceed the bubble limit in narrow layout mode

Browse Source
This commit is contained in:
kangfenmao 2025-05-21 13:57:39 +08:00
parent 27a92463bf
commit 8e870710b5
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/src/pages/home/Messages/Message.tsx
View File

@ -51,7 +51,7 @@ const MessageItem: FC<Props> = ({
const { assistant, setModel } = useAssistant(message.assistantId) const { assistant, setModel } = useAssistant(message.assistantId)
const model = useModel(getMessageModelId(message), message.model?.provider) || message.model const model = useModel(getMessageModelId(message), message.model?.provider) || message.model
const { isBubbleStyle } = useMessageStyle() const { isBubbleStyle } = useMessageStyle()
const { showMessageDivider, messageFont, fontSize } = useSettings() const { showMessageDivider, messageFont, fontSize, narrowMode } = useSettings()
const { editMessageBlocks, resendUserMessageWithEdit } = useMessageOperations(topic) const { editMessageBlocks, resendUserMessageWithEdit } = useMessageOperations(topic)
const messageContainerRef = useRef<HTMLDivElement>(null) const messageContainerRef = useRef<HTMLDivElement>(null)
const { editingMessageId, stopEditing } = useMessageEditing() const { editingMessageId, stopEditing } = useMessageEditing()
@ -126,9 +126,7 @@ const MessageItem: FC<Props> = ({
if (message.type === 'clear') { if (message.type === 'clear') {
return ( return (
<NewContextMessage <NewContextMessage className="clear-context-divider" onClick={() => EventEmitter.emit(EVENT_NAMES.NEW_CONTEXT)}>
className="clear-context-divider"
onClick={() => EventEmitter.emit(EVENT_NAMES.NEW_CONTEXT)}>
<Divider dashed style={{ padding: '0 20px' }} plain> <Divider dashed style={{ padding: '0 20px' }} plain>
{t('chat.message.new.context')} {t('chat.message.new.context')}
</Divider> </Divider>
@ -160,7 +158,8 @@ const MessageItem: FC<Props> = ({
fontFamily: messageFont === 'serif' ? 'var(--font-family-serif)' : 'var(--font-family)', fontFamily: messageFont === 'serif' ? 'var(--font-family-serif)' : 'var(--font-family)',
fontSize, fontSize,
background: messageBackground, background: messageBackground,
overflowY: 'visible' overflowY: 'visible',
maxWidth: narrowMode ? 760 : undefined
}}> }}>
{isEditing ? ( {isEditing ? (
<MessageEditor <MessageEditor