zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: collapse button for chatHistoryDrawer

Browse Source
This commit is contained in:
teukkk 2025-07-14 16:33:15 +08:00
parent 1ebfc5882d
commit 097cabbd04
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/views/chat/embed/component/ChatHistoryDrawer.vue
View File

@ -8,6 +8,15 @@
:size="280" :size="280"
style="--el-drawer-padding-primary: 0" style="--el-drawer-padding-primary: 0"
> >
<el-button
class="collapse cursor"
circle
@click="show = !show"
>
<el-icon>
<component :is="!show ? 'ArrowRightBold' : 'ArrowLeftBold'" />
</el-icon>
</el-button>
<HistoryPanel <HistoryPanel
:application-detail="applicationDetail" :application-detail="applicationDetail"
:chat-log-data="chatLogData" :chat-log-data="chatLogData"
@ -142,8 +151,20 @@ const logout = () => {
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.chat-history-drawer) { :deep(.chat-history-drawer) {
overflow: visible;
.el-drawer__body { .el-drawer__body {
padding: 0 !important; padding: 0 !important;
.collapse {
position: absolute;
top: 20px;
right: -13px;
box-shadow: 0px 5px 10px 0px rgba(31, 35, 41, 0.1);
z-index: 1;
width: 24px;
height: 24px;
}
} }
} }
</style> </style>