From 44929f5c61dde045edbfebcac7e3030e2b5285e4 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Fri, 20 Mar 2026 09:26:02 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E9=9A=90=E8=97=8F=E4=BE=A7=E8=BE=B9?= =?UTF-8?q?=E6=A0=8F.line=E5=88=86=E5=89=B2=E7=BA=BF=20+=20=E9=87=8D?= =?UTF-8?q?=E5=86=99=E9=A1=B6=E6=A0=8F=E5=8F=B3=E4=BE=A7=E5=9B=BE=E6=A0=87?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 侧边栏: .line { display: none } - 顶栏右侧: 圆形50% → 胶囊20px - 国旗: 矩形圆角3px, 22x16px - 用户头像: 蓝色渐变圆形, 28x28px - 分隔线/箭头: 降低不透明度 --- clientarea/hgcloud/css/dark-override.css | 69 ++++++++++++++++++++---- 1 file changed, 60 insertions(+), 9 deletions(-) diff --git a/clientarea/hgcloud/css/dark-override.css b/clientarea/hgcloud/css/dark-override.css index 68e0ef6..2a695a2 100644 --- a/clientarea/hgcloud/css/dark-override.css +++ b/clientarea/hgcloud/css/dark-override.css @@ -101,6 +101,11 @@ html, body { display: none !important; } +/* 隐藏侧边栏分割线 */ +.el-aside .line { + display: none !important; +} + /* 侧边栏菜单上边距和内边距 */ .el-aside .menu-top { margin-top: 8px !important; @@ -136,21 +141,67 @@ html, body { width: auto; } -/* ============ 顶栏右侧按钮 — 圆形磨砂 ============ */ -.header-right .header-right-item .right-item, -.header-right .header-right-item .el-dropdown-header { - background: rgba(255, 255, 255, 0.6) !important; - border: 1px solid rgba(255, 255, 255, 0.9) !important; - border-radius: 50% !important; +/* ============ 顶栏右侧按钮 ============ */ +.header-right .header-right-item .right-item { + background: rgba(255, 255, 255, 0.5) !important; + border: none !important; + border-radius: 20px !important; + padding: 6px 10px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; transition: all 0.2s ease !important; } -.header-right .header-right-item .right-item:hover, +.header-right .header-right-item .right-item:hover { + background: rgba(255, 255, 255, 0.8) !important; +} + +/* 国旗/语言下拉 */ +.header-right .header-right-item .el-dropdown-country, +.header-right .header-right-item .el-dropdown-header { + background: rgba(255, 255, 255, 0.5) !important; + border: none !important; + border-radius: 20px !important; + padding: 4px 10px !important; + backdrop-filter: blur(8px) !important; + -webkit-backdrop-filter: blur(8px) !important; + transition: all 0.2s ease !important; +} + +.header-right .header-right-item .el-dropdown-country:hover, .header-right .header-right-item .el-dropdown-header:hover { - background: rgba(255, 255, 255, 0.85) !important; - box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; + background: rgba(255, 255, 255, 0.8) !important; +} + +/* 国旗图标缩小圆角 */ +.header-right .header-right-item .el-dropdown-country img { + width: 22px !important; + height: 16px !important; + border-radius: 3px !important; + object-fit: cover !important; +} + +/* 用户头像 */ +.header-right .header-right-item .el-dropdown-header .head-box { + width: 28px !important; + height: 28px !important; + border-radius: 50% !important; + font-size: 13px !important; + background: rgba(22, 93, 255, 0.1) !important; + color: #165DFF !important; +} + +/* 下拉箭头 */ +.header-right .header-right-item .right-icon { + opacity: 0.5 !important; + width: 6px !important; + margin-left: 4px !important; +} + +/* 分隔线变浅 */ +.header-right .header-right-item .cloum-line { + border-color: rgba(0,0,0,0.08) !important; + opacity: 0.5 !important; } .ali-logo {