diff --git a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue index 46671a91..698d40f7 100644 --- a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue +++ b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue @@ -234,7 +234,7 @@ function toggleSidebar() { :load-more="handleLoadMore" :load-more-loading="loadMoreLoading" :items-style="{ - marginLeft: '8px', + marginLeft: isCollapsed ? '8px' : '5px', marginRight: '8px', userSelect: 'none', borderRadius: isCollapsed ? '12px' : '10px', @@ -246,14 +246,18 @@ function toggleSidebar() { flexDirection: isCollapsed ? 'column' : 'row', position: 'relative', overflow: 'hidden', + borderLeft: '3px solid transparent', }" :items-active-style="{ - backgroundColor: '#fff', - boxShadow: '0 1px 2px rgba(0, 0, 0, 0.05)', - color: 'rgba(0, 0, 0, 0.85)', + backgroundColor: 'rgba(0, 87, 255, 0.08)', + boxShadow: '0 2px 8px rgba(0, 87, 255, 0.12)', + color: '#0057ff', + borderLeft: '3px solid #0057ff', + fontWeight: '500', }" :items-hover-style="{ backgroundColor: 'rgba(0, 0, 0, 0.04)', + borderLeft: '3px solid transparent', }" @menu-command="handleMenuCommand" @change="handleChange"