test/Jpom
1
0
Fork 0
mirror of https://gitee.com/dromara/Jpom.git synced 2024-12-02 03:48:05 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix 页面滚动条样式

Browse Source
This commit is contained in:
bwcx_jzy 2023-06-10 16:38:26 +08:00
parent 07d68d5883
commit dd40fadb37
No known key found for this signature in database
GPG Key ID: E187D6E9DDDE8C53
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG-BETA.md
View File

@ -10,6 +10,7 @@
1. 【server】修复 查看 docker 容器日志 web socket 线程被阻塞问题
2. 【server】优化 日志组件显示高亮、滚动条样式优化
3. 【server】优化 web socket 会话关闭显示分类
4. 【server】优化 页面滚动条样式
------

12
web-vue/src/assets/reset.less
View File

@ -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;

11
web-vue/src/pages/ssh/ssh.vue
View File

@ -137,6 +137,17 @@
<!-- 编辑区 -->
<a-modal destroyOnClose v-model="editSshVisible" width="600px" title="编辑 SSH" @ok="handleEditSshOk" :maskClosable="false">
<a-form-model ref="editSshForm" :rules="rules" :model="temp" :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }">
<template v-if="this.getUserInfo && this.getUserInfo.systemUser">
<a-alert type="info" show-icon>
<template slot="message">
<ul>
<li>此编辑仅能编辑当前 SSH 在此工作空间的名称信息</li>
<li>如果要配置 SSH 请到【系统管理】-> 【资产管理】-> 【SSH 管理】中去配置。</li>
<li>当前 SSH 的授权目录（文件目录、文件后缀、禁止命令）需要请到 【系统管理】-> 【资产管理】-> 【SSH 管理】-> 操作栏中->关联按钮->对应工作空间->操作栏中->配置按钮</li>
</ul>
</template>
</a-alert>
</template>
<a-form-model-item label="SSH 名称" prop="name">
<a-input v-model="temp.name" :maxLength="50" placeholder="SSH 名称" />
</a-form-model-item>