From b93d1c61cb689e3fc5bd049a9073a35fe1d1ee9b Mon Sep 17 00:00:00 2001
From: Guo Tiantian <1431335589@qq.com>
Date: Wed, 27 Aug 2025 23:30:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=BA=95=E9=83=A8=E6=93=8D=E4=BD=9C=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=B8=83=E5=B1=80=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/layouts/components/Settings/index.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/layouts/components/Settings/index.vue b/frontend/src/layouts/components/Settings/index.vue
index 5ec90a7d..846ce964 100644
--- a/frontend/src/layouts/components/Settings/index.vue
+++ b/frontend/src/layouts/components/Settings/index.vue
@@ -336,25 +336,24 @@ const handleCloseDrawer = () => {
     height: 100%;
     padding: 0;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
   }
 }
 
 /* 设置内容区域 */
 .settings-content {
-  height: calc(100vh - 120px); /* 减去头部和底部按钮的高度 */
+  flex: 1;
   padding: 20px;
   padding-bottom: 20px;
   overflow-y: auto;
+  min-height: 0; /* 确保内容区域可以收缩 */
 }
 
 /* 底部操作区域样式 */
 .action-footer {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  padding: 0;
+  flex-shrink: 0;
+  margin-top: auto; /* 将底部操作区域推到最下方 */
   background: var(--el-bg-color);
   border-top: 1px solid var(--el-border-color-light);