From e2ed2d9afb688f5bfc8f4cbf0c84e85b48e09320 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Fri, 20 Mar 2026 08:27:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=81=A2=E5=A4=8D=E5=8E=9F=E5=A7=8Bflex?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=20+=20=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=8F=B3?=
 =?UTF-8?q?=E5=9C=86=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除失败的CSS Grid方案
- 恢复原始flex水平布局(侧边栏左 + 顶栏/内容右)
- 侧边栏: 右侧圆角 border-radius: 0 16px 16px 0
- 顶栏: 白色简洁,去掉sticky定位
- 去掉侧边栏margin/height计算等破坏布局的属性
---
 clientarea/hgcloud/css/dark-override.css | 46 ++----------------------
 1 file changed, 2 insertions(+), 44 deletions(-)

diff --git a/clientarea/hgcloud/css/dark-override.css b/clientarea/hgcloud/css/dark-override.css
index 110bf4e..c59eb45 100644
--- a/clientarea/hgcloud/css/dark-override.css
+++ b/clientarea/hgcloud/css/dark-override.css
@@ -25,52 +25,14 @@ html, body {
   display: none;
 }
 
-/* ============ 布局容器 — CSS Grid 重排 ============ */
-/* 外层容器：用 Grid 把 aside 和内层 container 重排 */
-.template > .el-container {
-  display: grid !important;
-  grid-template-columns: auto 1fr !important;
-  grid-template-rows: auto 1fr !important;
-  min-height: 100vh !important;
-  width: 100% !important;
-}
-
-/* 顶栏（在内层 container 中的 el-header）：跨两列占满全宽 */
-.template > .el-container > .el-container {
-  display: contents !important;
-}
-
-/* el-header 跨两列 */
-.template > .el-container .el-header {
-  grid-column: 1 / -1 !important;
-  grid-row: 1 !important;
-}
-
-/* aside 在第二行左列 */
-.template > .el-container > .el-aside {
-  grid-column: 1 !important;
-  grid-row: 2 !important;
-}
-
-/* el-main 在第二行右列 */
-.template > .el-container .el-main {
-  grid-column: 2 !important;
-  grid-row: 2 !important;
-}
-
 /* ============ 侧边栏 ============ */
 .el-aside {
   background: #FFFFFF !important;
   border-right: none !important;
-  height: calc(100vh - 60px - 24px) !important;
-  position: sticky !important;
-  top: calc(60px + 12px) !important;
-  margin: 12px 0 12px 12px !important;
-  border-radius: 16px !important;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
+  border-radius: 0 16px 16px 0 !important;
+  box-shadow: 1px 0 3px rgba(0,0,0,0.04) !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
-  z-index: 10 !important;
 }
 
 /* 去掉侧边栏旧的 margin-top（logo 已移到顶栏） */
@@ -155,12 +117,8 @@ html, body {
 /* ============ 顶栏 ============ */
 .el-header {
   background: #FFFFFF !important;
-  backdrop-filter: none !important;
   box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
   border-bottom: 1px solid rgba(0,0,0,0.06);
-  position: sticky !important;
-  top: 0 !important;
-  z-index: 100 !important;
 }
 
 .el-header .search-value,