diff --git a/web/src/assets/styles/art-element-ui.scss b/web/src/assets/styles/art-element-ui.scss index 9932c2d3..bfe777bd 100644 --- a/web/src/assets/styles/art-element-ui.scss +++ b/web/src/assets/styles/art-element-ui.scss @@ -520,6 +520,36 @@ box-shadow: none !important; } } + + // 图标样式修复 + .el-icon { + display: inline-flex !important; + justify-content: center !important; + align-items: center !important; + height: 1em !important; + width: 1em !important; + vertical-align: middle !important; + + svg { + height: 1em !important; + width: 1em !important; + fill: currentColor !important; + } + } + + // 按钮中的图标 + .el-icon { + margin-right: 4px !important; + vertical-align: middle !important; + + &:last-child { + margin-right: 0 !important; + } + } + + &.is-circle .el-icon { + margin-right: 0 !important; + } } // 按钮组样式 diff --git a/web/src/assets/styles/element-ui.scss b/web/src/assets/styles/element-ui.scss index 5c684255..b2d56ad1 100644 --- a/web/src/assets/styles/element-ui.scss +++ b/web/src/assets/styles/element-ui.scss @@ -152,6 +152,11 @@ word-break: break-word; } +.el-form .el-form-item__label { + color: #333333; + font-weight: 400 !important; +} + // Element Plus 主色调自定义配置 :root { // --el-color-primary: #203daf; @@ -178,6 +183,8 @@ // --el-menu-active-color: #203daf; --el-menu-bg-color: #ffffff; --el-menu-hover-bg-color: #f5f5f5; + --el-menu-active-color: rgb(var(--art-primary)); + --el-menu-item-height: 50px; } // 深色模式下的菜单文本颜色 @@ -186,3 +193,18 @@ html.dark { --el-menu-hover-text-color: #000000; // --el-menu-active-color: #203daf; } + +/* 收缩菜单样式 */ +body { + .el-menu--popup { + .el-sub-menu.is-active { + > .el-sub-menu__title { + &:hover { + color: rgb(var(--art-primary)) !important; + background-color: rgb(var(--art-primary), 0.1) !important; + } + } + } + } +} + diff --git a/web/src/assets/styles/ruoyi.scss b/web/src/assets/styles/ruoyi.scss index 95260178..30a3cd13 100644 --- a/web/src/assets/styles/ruoyi.scss +++ b/web/src/assets/styles/ruoyi.scss @@ -282,3 +282,6 @@ h6 { .top-right-btn { margin-left: auto; } + + + diff --git a/web/src/layout/components/Settings/index.vue b/web/src/layout/components/Settings/index.vue index 400dcebb..62c14498 100644 --- a/web/src/layout/components/Settings/index.vue +++ b/web/src/layout/components/Settings/index.vue @@ -1,6 +1,6 @@