| | |
| | | |
| | | .el-dropdown .el-dropdown-link{ |
| | | color: var(--el-color-primary) !important; |
| | | } |
| | | |
| | | /* 全局模态框样式(业务定制:标题左侧主题色竖条 + 统一头部高度) */ |
| | | .el-dialog__header, |
| | | .el-message-box__header { |
| | | box-sizing: border-box; |
| | | height: 56px; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | padding: 0px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .el-dialog__header::before { |
| | | content: ""; |
| | | display: inline-block; |
| | | width: 4px; |
| | | height: 16px; |
| | | background: var(--el-color-primary); |
| | | border-radius: 10px; |
| | | margin-left: 20px; |
| | | margin-right: 8.5px; |
| | | } |
| | | |
| | | .el-message-box__header::before { |
| | | content: ""; |
| | | display: inline-block; |
| | | width: 4px; |
| | | height: 16px; |
| | | background: var(--el-color-primary); |
| | | border-radius: 10px; |
| | | margin-left: 20px; |
| | | margin-right: 8.5px; |
| | | } |
| | | |
| | | .el-dialog__header .el-dialog__title { |
| | | font-size: 16px !important; |
| | | } |
| | | |
| | | .el-dialog__footer { |
| | | padding-right: 40px; |
| | | } |
| | | |
| | | .el-dialog__footer .el-button * { |
| | | font-size: 14px !important; |
| | | } |
| | | |
| | | .el-dialog__footer .el-button { |
| | | height: 36px; |
| | | padding: 0 14px; |
| | | } |
| | | |
| | | .el-message-box__btns .el-button * { |
| | | font-size: 14px !important; |
| | | } |
| | | |
| | | .el-button--primary { |
| | | background: var(--el-color-primary); |
| | | border-color: var(--el-color-primary); |
| | | } |
| | | |
| | | /* 滚动条:细、浅、无轨道底色 */ |
| | | ::-webkit-scrollbar { |
| | | width: 8px !important; |
| | | height: 8px !important; |
| | | } |
| | | |
| | | ::-webkit-scrollbar-track { |
| | | background: transparent; |
| | | } |
| | | |
| | | ::-webkit-scrollbar-thumb { |
| | | background: #d5dedc; |
| | | border-radius: 8px; |
| | | |
| | | &:hover { |
| | | background: #bcc9c6; |
| | | } |
| | | } |
| | | |
| | | html.dark ::-webkit-scrollbar-thumb { |
| | | background: #3a3a3a; |
| | | |
| | | &:hover { |
| | | background: #4a4a4a; |
| | | } |
| | | } |