diff options
| author | sigoden <sigoden@gmail.com> | 2024-05-08 08:25:46 +0000 |
|---|---|---|
| committer | sigoden <sigoden@gmail.com> | 2024-05-08 08:25:46 +0000 |
| commit | 5d73768accc6a7133094f7522862978d6f901158 (patch) | |
| tree | dfabb4a8e683c8dea1a46eeb5532c0057d3f779a /assets | |
| parent | 84fab36a1fcb2e0ade38c4a4770591c6236ce8df (diff) | |
| download | aichat-5d73768accc6a7133094f7522862978d6f901158.tar.gz | |
refactor: improve webui
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/arena.html | 6 | ||||
| -rw-r--r-- | assets/playground.html | 6 |
2 files changed, 6 insertions, 6 deletions
diff --git a/assets/arena.html b/assets/arena.html index 138849d..35be8a6 100644 --- a/assets/arena.html +++ b/assets/arena.html @@ -604,10 +604,10 @@ handleScrollChatBody(event, index) { const chat = this.chats[index]; const { scrollTop, clientHeight, scrollHeight } = event.target; - if ((event.target._prevScrollTop || 0) > scrollTop) { + if ((event.target._prevScrollTop || 0) > scrollTop + 1) { chat.shouldScrollChatBodyToBottom = false; chat.isShowScrollToBottomBtn = true; - } else if (chat.isShowScrollToBottomBtn && scrollTop + clientHeight >= scrollHeight - 10) { + } else if (chat.isShowScrollToBottomBtn && scrollTop + clientHeight > scrollHeight - 5) { chat.isShowScrollToBottomBtn = false; } }, @@ -672,7 +672,7 @@ const $chatBody = document.querySelector('#chat-body-' + index); if ($chatBody) { const { scrollTop, scrollHeight, clientHeight } = $chatBody; - if (scrollTop + clientHeight < scrollHeight - 10) { + if (scrollTop + clientHeight < scrollHeight - 5) { $chatBody.scrollTop = scrollHeight; $chatBody._prevScrollTop = $chatBody.scrollTop; } diff --git a/assets/playground.html b/assets/playground.html index af675fd..56f84eb 100644 --- a/assets/playground.html +++ b/assets/playground.html @@ -760,10 +760,10 @@ handleScrollChatBody(event) { const { scrollTop, clientHeight, scrollHeight } = event.target; - if ((event.target._prevScrollTop || 0) > scrollTop) { + if ((event.target._prevScrollTop || 0) > scrollTop + 1) { this.shouldScrollChatBodyToBottom = false; this.isShowScrollToBottomBtn = true; - } else if (this.isShowScrollToBottomBtn && scrollTop + clientHeight >= scrollHeight - 10) { + } else if (this.isShowScrollToBottomBtn && scrollTop + clientHeight > scrollHeight - 5) { this.isShowScrollToBottomBtn = false; } }, @@ -829,7 +829,7 @@ const $chatBody = this.$refs["chat-body"]; if ($chatBody) { const { scrollTop, scrollHeight, clientHeight } = $chatBody; - if (scrollTop + clientHeight < scrollHeight - 10) { + if (scrollTop + clientHeight < scrollHeight - 5) { $chatBody.scrollTop = scrollHeight; $chatBody._prevScrollTop = $chatBody.scrollTop; } |