style: 优化界面样式和用户体验

- 调整工具调用显示的间距和字体大小
   - 优化低调工具调用的视觉效果
   - 改进整体界面的可读性
This commit is contained in:
Roe-xin
2026-02-26 21:44:58 +08:00
parent c3e3012a94
commit a479e81682
6 changed files with 90 additions and 51 deletions

View File

@ -38,6 +38,7 @@ export function getAgentCardStyles(): string {
.agent-name {
font-weight: 500;
flex: 1;
font-size:14px
}
.agent-status {
font-size: 11px;
@ -99,14 +100,14 @@ export function getAgentCardStyles(): string {
/* 低调显示的工具调用样式 */
.agent-step.low-profile {
opacity: 0.85;
font-size: 12px;
font-size: 13px;
padding: 4px 8px;
background: transparent;
margin-bottom: 2px;
}
.agent-step.low-profile .step-icon {
opacity: 0.8;
font-size: 12px;
font-size: 13px;
}
.agent-step.low-profile .step-name {
font-weight: 400;
@ -115,7 +116,7 @@ export function getAgentCardStyles(): string {
}
.agent-step.low-profile .step-result {
opacity: 0.85;
font-size: 11px;
font-size: 12px;
}
`;
}

View File

@ -41,18 +41,18 @@ export function getContextButtonContent(): string {
<path d="M340.864 149.312l384 384-384 384-45.248-45.248L634.368 533.312 295.616 194.56z" fill="currentColor"/>
</svg>
</div>
<div class="context-menu-item" onclick="handleAddImage()">
<!-- <div class="context-menu-item" onclick="handleAddImage()">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136V232h752v560z m-120-240c0 55.2-44.8 100-100 100s-100-44.8-100-100 44.8-100 100-100 100 44.8 100 100z m-476 0l164 164h476L696 480 536 640l-84-84-160 160z" fill="currentColor"/>
</svg>
<span>图片</span>
</div>
<div class="context-menu-item" onclick="handleAddDocument()">
</div> -->
<!-- <div class="context-menu-item" onclick="handleAddDocument()">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32z m-40 824H232V136h560v752z m-120-568H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z m0 144H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z m0 144H352c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h320c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" fill="currentColor"/>
</svg>
<span>文档库</span>
</div>
</div> -->
</div>
<!-- 文件/文件夹列表视图 -->

View File

@ -380,7 +380,7 @@ export function getMessageAreaStyles(): string {
}
/* 低调显示的工具调用 - 移除边距和背景 */
.segment-tool.low-profile {
margin: 2px 0px;
margin: 5px 0px;
padding: 0;
background: none;
}
@ -545,7 +545,7 @@ export function getMessageAreaStyles(): string {
}
.tool-segment-description {
margin: 6px 0 0 0px;
font-size: 12px;
font-size: 0.9rem;
color: #ccc;
line-height: 1.4;
}
@ -564,7 +564,7 @@ export function getMessageAreaStyles(): string {
}
.segment-tool.low-profile .tool-segment-result {
opacity: 0.7;
font-size: 10px;
font-size: 12px;
}
.segment-question {
background: var(--vscode-textBlockQuote-background);

View File

@ -304,6 +304,7 @@ export function getWebviewContent(
}
.segment-text {
line-height: 1.6;
font-size:0.9rem
}
.segment-tool {
background: var(--vscode-textBlockQuote-background);
@ -325,7 +326,6 @@ export function getWebviewContent(
color: var(--vscode-foreground);
}
.tool-segment-result {
margin-top: 6px;
font-size: 12px;
color: var(--vscode-descriptionForeground);
padding-left: 22px;