qwen-code/packages/web-shell/client/components/messages/tools/LegacyTool.module.css
ytahdn a384c4a21a
feat(web-shell): polish chat UI (#5893)
* style(web-shell): polish chat UI

* fix(web-shell): address chat polish review feedback

---------

Co-authored-by: ytahdn <ytahdn@gmail.com>
2026-06-26 15:38:23 +00:00

79 lines
1.1 KiB
CSS

.tool {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.description {
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.4;
}
.command,
.file,
.content,
.args,
.output {
border: 1px solid var(--border);
border-radius: 4px;
background: var(--background);
color: var(--muted-foreground);
font-size: 12px;
line-height: 1.5;
min-width: 0;
overflow: auto;
}
.command,
.file {
display: flex;
align-items: baseline;
gap: 6px;
padding: 6px 8px;
}
.prompt,
.fileIcon {
color: var(--agent-blue-500);
flex-shrink: 0;
}
.content,
.args,
.output {
max-height: 360px;
}
.content pre,
.args pre,
.output pre {
margin: 0;
padding: 8px 10px;
white-space: pre-wrap;
word-break: break-word;
}
.editHeader {
display: flex;
align-items: baseline;
gap: 8px;
cursor: pointer;
}
.editFile {
min-width: 0;
color: var(--muted-foreground);
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.editToggle {
margin-left: auto;
color: var(--muted-foreground);
font-size: 10px;
flex-shrink: 0;
}