diff --git a/CHANGELOG-BETA.md b/CHANGELOG-BETA.md index 45b8661f2..01c654d8f 100644 --- a/CHANGELOG-BETA.md +++ b/CHANGELOG-BETA.md @@ -10,6 +10,7 @@ 1. 【server】修复 查看 docker 容器日志 web socket 线程被阻塞问题 2. 【server】优化 日志组件显示高亮、滚动条样式优化 3. 【server】优化 web socket 会话关闭显示分类 +4. 【server】优化 页面滚动条样式 ------ diff --git a/web-vue/src/assets/reset.less b/web-vue/src/assets/reset.less index cd08abace..c32389faa 100644 --- a/web-vue/src/assets/reset.less +++ b/web-vue/src/assets/reset.less @@ -80,26 +80,20 @@ pre { scrollbar-color: @color-border-last @color-neutral-last; } // 滚动条样式 -.ant-table-body::-webkit-scrollbar, -.vue-recycle-scroller__item-wrapper::-webkit-scrollbar, -.vue-recycle-scroller::-webkit-scrollbar { +::-webkit-scrollbar { width: @scrollbar-size; height: @scrollbar-size; border-radius: 2px; background-color: transparent; } // 滚动条-活动按钮 -.ant-table-body::-webkit-scrollbar-thumb, -.vue-recycle-scroller__item-wrapper::-webkit-scrollbar-thumb, -.vue-recycle-scroller::-webkit-scrollbar-thumb { +::-webkit-scrollbar-thumb { background: @color-border-last; border-radius: 2px; box-shadow: inset 0 0 6px @color-border-last; } // 滚动条背景 -.ant-table-body::-webkit-scrollbar-track, -.vue-recycle-scroller__item-wrapper::-webkit-scrollbar-track, -.vue-recycle-scroller::-webkit-scrollbar-track { +::-webkit-scrollbar-track { background-color: @color-neutral-last; border-radius: 2px; box-shadow: inset 0 0 6px @color-neutral-last; diff --git a/web-vue/src/pages/ssh/ssh.vue b/web-vue/src/pages/ssh/ssh.vue index a314da289..9f432ffde 100644 --- a/web-vue/src/pages/ssh/ssh.vue +++ b/web-vue/src/pages/ssh/ssh.vue @@ -137,6 +137,17 @@ +