From 63f0959dcbdc79428c7c45515992fd3d95c73b73 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Fri, 20 Mar 2026 08:16:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A1=B6=E6=A0=8F=E5=85=A8=E5=AE=BD=20+?=
 =?UTF-8?q?=20=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=AF=B9=E9=BD=90=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 外层 .template > .el-container: flex-direction: column (顶栏全宽独行)
- 内层 .template > .el-container > .el-container: flex-direction: row (侧边栏+内容水平)
- el-aside height: calc(100vh - 60px - 24px) 减去上下 margin
- el-aside top: calc(60px + 12px) 对齐顶栏下方间距
---
 clientarea/hgcloud/css/dark-override.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/clientarea/hgcloud/css/dark-override.css b/clientarea/hgcloud/css/dark-override.css
index 22a8925..84a7fcc 100644
--- a/clientarea/hgcloud/css/dark-override.css
+++ b/clientarea/hgcloud/css/dark-override.css
@@ -26,21 +26,31 @@ html, body {
 }
 
 /* ============ 布局容器 ============ */
-.el-container {
+/* 外层容器：垂直排列（顶栏 + 下方内容） */
+.template > .el-container {
+  flex-direction: column !important;
   width: 100% !important;
+  min-height: 100vh !important;
+}
+
+/* 内层容器：水平排列（侧边栏 + 主内容） */
+.template > .el-container > .el-container {
+  flex-direction: row !important;
+  flex: 1 !important;
 }
 
 /* ============ 侧边栏 ============ */
 .el-aside {
   background: #FFFFFF !important;
   border-right: none !important;
-  height: calc(100vh - 60px) !important;
+  height: calc(100vh - 60px - 24px) !important;
   position: sticky !important;
-  top: 60px !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;
-  overflow: hidden !important;
+  overflow-y: auto !important;
+  overflow-x: hidden !important;
   z-index: 10 !important;
 }