yuanyeex
/
openclaw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(control-ui): wrap long message lines

main
Peter Steinberger 2025-12-19 09:54:43 +00:00
parent 6b6f2b5414
commit 31620fea3a
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/ui/app.ts
View File

@ -92,12 +92,14 @@ export class ClawdisApp extends LitElement {
max-height: 60vh; max-height: 60vh;
overflow: auto; overflow: auto;
padding: 8px; padding: 8px;
min-width: 0;
} }
.msg { .msg {
border: 1px solid var(--border); border: 1px solid var(--border);
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
border-radius: 14px; border-radius: 14px;
padding: 10px 12px; padding: 10px 12px;
min-width: 0;
} }
.msg .meta { .msg .meta {
font-size: 12px; font-size: 12px;
@ -114,6 +116,11 @@ export class ClawdisApp extends LitElement {
border-color: rgba(255, 69, 0, 0.25); border-color: rgba(255, 69, 0, 0.25);
background: rgba(255, 69, 0, 0.08); background: rgba(255, 69, 0, 0.08);
} }
.msgContent {
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-word;
}
.compose { .compose {
display: grid; display: grid;
gap: 10px; gap: 10px;
@ -670,7 +677,7 @@ function renderMessage(message: unknown) {
<span class="mono">${role}</span> <span class="mono">${role}</span>
<span class="mono">${ts}</span> <span class="mono">${ts}</span>
</div> </div>
<div style="white-space: pre-wrap;">${text}</div> <div class="msgContent">${text}</div>
</div> </div>
`; `;
} }
@ -692,4 +699,3 @@ function extractText(message: unknown): string | null {
if (typeof m.text === "string") return m.text; if (typeof m.text === "string") return m.text;
return null; return null;
} }