15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-29 16:12:55 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

style: collapse button for chatHistoryDrawer

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"
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
:application-detail="applicationDetail"
:chat-log-data="chatLogData"
@ -142,8 +151,20 @@ const logout = () => {
<style lang="scss" scoped>
:deep(.chat-history-drawer) {
overflow: visible;
.el-drawer__body {
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>