kris/ForcePilot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style(web): 微调工具调用折叠栏与文件表格样式，更新登录背景图

Browse Source 
- 工具调用折叠栏简化按钮样式，调整缩进与间距
- ListKbsTool 紧凑内边距
- BaseToolCall loader 颜色调整
- FileTable 溢出菜单宽度统一
This commit is contained in:
Wenjie Zhang 2026-05-17 19:55:29 +08:00
parent 47d2afb3b8
commit 1344ae3f69
5 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/public/login-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 134 KiB

2
web/src/components/FileTable.vue
View File

@ -1738,7 +1738,7 @@ import ChunkParamsConfig from '@/components/ChunkParamsConfig.vue'
} }
.overflow-menu-panel { .overflow-menu-panel {
min-width: 120px; width: 160px;
background: var(--gray-0); background: var(--gray-0);
border: 1px solid var(--gray-150); border: 1px solid var(--gray-150);
border-radius: 8px; border-radius: 8px;

2
web/src/components/ToolCallingResult/BaseToolCall.vue
View File

@ -389,7 +389,7 @@ const formatResultData = (data) => {
} }
.tool-loader { .tool-loader {
color: var(--gray-400); color: var(--gray-600);
} }
.tool-expand-icon { .tool-expand-icon {

2
web/src/components/ToolCallingResult/tools/ListKbsTool.vue
View File

@ -69,7 +69,7 @@ const headerSummary = computed(() => {
.list-kbs-result { .list-kbs-result {
background: var(--gray-0); background: var(--gray-0);
border-radius: 8px; border-radius: 8px;
padding: 12px 16px; padding: 8px;
.kb-count { .kb-count {
font-size: 12px; font-size: 12px;

15
web/src/components/ToolCallsGroupComponent.vue
View File

@ -160,32 +160,29 @@ const toggleToolCallsExpanded = () => {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
padding: 4px 8px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--gray-500); color: var(--gray-500);
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
border: none;
padding: 0;
transition: all 0.2s ease; transition: all 0.2s ease;
user-select: none; user-select: none;
background: transparent;
&:hover { &:hover {
background: var(--gray-100);
color: var(--gray-700); color: var(--gray-700);
} }
&.is-expanded { &.is-expanded {
color: var(--gray-700); color: var(--gray-700);
background: var(--gray-50);
margin-bottom: 4px; margin-bottom: 4px;
} }
.summary-leading { .summary-leading {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: var(--gray-400); color: var(--gray-600);
flex-shrink: 0; flex-shrink: 0;
} }
@ -209,7 +206,7 @@ const toggleToolCallsExpanded = () => {
} }
.summary-meta { .summary-meta {
color: var(--gray-400); color: var(--gray-500);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -237,7 +234,7 @@ const toggleToolCallsExpanded = () => {
.tool-calls-panel { .tool-calls-panel {
padding: 4px 0 4px 12px; padding: 4px 0 4px 12px;
border-left: 1px solid var(--gray-100); border-left: 1px solid var(--gray-100);
margin-left: 16px; margin-left: 8px;
margin-top: 4px; margin-top: 4px;
margin-bottom: 8px; margin-bottom: 8px;
} }