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

fix: 修复新建对话按钮是禁用状态的问题

Browse Source
This commit is contained in:
Wenjie Zhang 2025-11-08 17:14:54 +08:00
parent 47bf8f41fe
commit 7aaae83dbc
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,7 +30,13 @@
<div type="button" class="agent-nav-btn" v-if="!chatUIStore.isSidebarOpen" @click="toggleSidebar"> <div type="button" class="agent-nav-btn" v-if="!chatUIStore.isSidebarOpen" @click="toggleSidebar">
<PanelLeftOpen class="nav-btn-icon" size="18"/> <PanelLeftOpen class="nav-btn-icon" size="18"/>
</div> </div>
<div type="button" class="agent-nav-btn" v-if="!chatUIStore.isSidebarOpen" @click="createNewChat" :disabled="chatUIStore.creatingNewChat"> <div
type="button"
class="agent-nav-btn"
v-if="!chatUIStore.isSidebarOpen"
:class="{ 'is-disabled': chatUIStore.creatingNewChat }"
@click="createNewChat"
>
<LoaderCircle v-if="chatUIStore.creatingNewChat" class="nav-btn-icon loading-icon" size="18"/> <LoaderCircle v-if="chatUIStore.creatingNewChat" class="nav-btn-icon loading-icon" size="18"/>
<MessageCirclePlus v-else class="nav-btn-icon" size="18"/> <MessageCirclePlus v-else class="nav-btn-icon" size="18"/>
<span class="text" :class="{'hide-text': isMediumContainer}">新对话</span> <span class="text" :class="{'hide-text': isMediumContainer}">新对话</span>
@ -1657,7 +1663,7 @@ watch(conversations, () => {
</style> </style>
<style lang="less"> <style lang="less">
div.agent-nav-btn { .agent-nav-btn {
display: flex; display: flex;
gap: 10px; gap: 10px;
padding: 6px 14px; padding: 6px 14px;
@ -1669,14 +1675,17 @@ div.agent-nav-btn {
width: auto; width: auto;
font-size: 15px; font-size: 15px;
transition: background-color 0.3s; transition: background-color 0.3s;
border: none;
background: transparent;
&:hover:not([disabled]) { &:hover:not(.is-disabled) {
background-color: var(--gray-50); background-color: var(--gray-50);
} }
&[disabled] { &.is-disabled {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.7; opacity: 0.7;
pointer-events: none;
} }
.nav-btn-icon { .nav-btn-icon {