From e212a0ab75e1c59d0d030ac0b2f07048f6a0f9cf Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期三, 04 十二月 2024 20:32:06 +0800 Subject: [PATCH] 支持开启暗黑模式 --- src/assets/styles/ruoyi.scss | 64 +++++++++++++++++++------------ 1 files changed, 39 insertions(+), 25 deletions(-) diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss index fa551d3..4996ae5 100644 --- a/src/assets/styles/ruoyi.scss +++ b/src/assets/styles/ruoyi.scss @@ -1,4 +1,4 @@ - /** +/** * 閫氱敤css鏍峰紡甯冨眬澶勭悊 * Copyright (c) 2019 ruoyi */ @@ -102,38 +102,53 @@ /** 琛ㄦ牸甯冨眬 **/ .pagination-container { - position: relative; - height: 32px; - margin-bottom: 10px; - margin-top: 15px; - padding: 10px 20px !important; + position: relative; + height: 25px; + margin-bottom: 10px; + margin-top: 15px; + padding: 10px 20px !important; + background-color: transparent !important; } +/* 鍒嗛〉鍣ㄥ畾浣� */ +.pagination-container .el-pagination { + position: absolute; + right: 0; + top: 0; +} + +/* 寮圭獥涓殑鍒嗛〉鍣� */ .el-dialog .pagination-container { - position: static !important; + position: static !important; + margin: 10px 0 0 0; + padding: 0 !important; + + .el-pagination { + position: static; + } +} + +/* 绉诲姩绔�傞厤 */ +@media (max-width: 768px) { + .pagination-container { + .el-pagination { + > .el-pagination__jump { + display: none !important; + } + > .el-pagination__sizes { + display: none !important; + } + } + } } /* tree border */ .tree-border { margin-top: 5px; - border: 1px solid #e5e6e7; - background: #FFFFFF none; + border: 1px solid var(--el-border-color-light, #e5e6e7); + background: var(--el-bg-color, #FFFFFF) none; border-radius:4px; width: 100%; -} - -.pagination-container .el-pagination { - right: 0; - position: absolute; -} - -@media ( max-width : 768px) { - .pagination-container .el-pagination > .el-pagination__jump { - display: none !important; - } - .pagination-container .el-pagination > .el-pagination__sizes { - display: none !important; - } } .el-table .fixed-width .el-button--small { @@ -282,6 +297,5 @@ /* 鍒嗗壊闈㈡澘鏍峰紡 */ .splitpanes.default-theme .splitpanes__pane { - background-color: #fff!important; + background-color: var(--splitpanes-default-bg) !important; } - -- Gitblit v1.9.3