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

fix: 修复 AgentChatComponent 侧边栏折叠功能

Browse Source
This commit is contained in:
Wenjie Zhang 2025-06-22 19:49:42 +08:00
parent 5657a250bb
commit 2760efcbb7
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/AgentChatComponent.vue
View File

@ -11,7 +11,12 @@
@delete-chat="deleteChat" @delete-chat="deleteChat"
@rename-chat="renameChat" @rename-chat="renameChat"
@toggle-sidebar="toggleSidebar" @toggle-sidebar="toggleSidebar"
:class="{'floating-sidebar': isSmallContainer, 'sidebar-open': state.isSidebarOpen, 'no-transition': state.isInitialRender}" :class="{
'floating-sidebar': isSmallContainer,
'sidebar-open': state.isSidebarOpen,
'no-transition': state.isInitialRender,
'collapsed': isSmallContainer && !state.isSidebarOpen
}"
/> />
<div class="sidebar-backdrop" v-if="state.isSidebarOpen && isSmallContainer" @click="toggleSidebar"></div> <div class="sidebar-backdrop" v-if="state.isSidebarOpen && isSmallContainer" @click="toggleSidebar"></div>
<div class="chat"> <div class="chat">
@ -1169,7 +1174,7 @@ const mergeMessageChunk = (chunks) => {
} }
} }
.chat-sidebar { .floating-sidebar {
position: fixed; position: fixed;
z-index: 100; z-index: 100;
height: 100%; height: 100%;
@ -1183,7 +1188,6 @@ const mergeMessageChunk = (chunks) => {
&.collapsed { &.collapsed {
transform: translateX(-100%); transform: translateX(-100%);
width: 80% !important;
} }
} }
} }