luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(core): ai user message word break failed (#12347)

Browse Source 
![截屏2025-05-19 10.11.58.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyktQ6Qwc7H6TiRCFoYN/549544df-c1f1-49da-8884-f666e46a0419.png)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **Style**
  - Updated chat content containers to use the full available width, improving display on different screen sizes.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
yoyoyohamapi
2025-05-20 01:51:50 +00:00
parent fd838d4e2d
commit 6805e66029
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/core/src/blocksuite/ai/chat-panel/content/pure-text.ts
View File

@@ -8,7 +8,7 @@ export class ChatContentPureText extends ShadowlessElement {
.chat-content-pure-text { .chat-content-pure-text {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
max-width: 800px; max-width: 100%;
max-height: 500px; max-height: 500px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;

6
packages/frontend/core/src/blocksuite/ai/chat-panel/message/user.ts
View File

@@ -47,7 +47,11 @@ export class ChatMessageUser extends WithDisposable(ShadowlessElement) {
.images=${item.attachments} .images=${item.attachments}
></chat-content-images>` ></chat-content-images>`
: nothing} : nothing}
<div class="text-content-wrapper" data-test-id="chat-content-user-text"> <div
class="text-content-wrapper"
data-test-id="chat-content-user-text"
style="max-width: 100%;"
>
<chat-content-pure-text .text=${item.content}></chat-content-pure-text> <chat-content-pure-text .text=${item.content}></chat-content-pure-text>
</div> </div>
`; `;