From d4b85f38d858bd3a6aa1a4af8f50a84673f8fb7d Mon Sep 17 00:00:00 2001
From: insistence <3055204202@qq.com>
Date: Fri, 19 Dec 2025 08:38:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=9B=BA=E5=AE=9A?=
 =?UTF-8?q?=E5=A4=B4=E9=83=A8=E6=97=B6=E5=87=BA=E7=8E=B0=E7=9A=84=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E5=81=8F=E7=A7=BB=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layout/components/AppMain.vue         | 20 ++++++++++---------
 ruoyi-fastapi-frontend/src/layout/index.vue   |  5 +++++
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue b/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
index 0bb8b7e..b47f628 100644
--- a/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
+++ b/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
@@ -44,12 +44,19 @@ function addIframe() {
   overflow: hidden;
 }
 
+.fixed-header + .app-main {
+  overflow-y: auto;
+  scrollbar-gutter: auto;
+  height: calc(100vh - 50px);
+  min-height: 0px;
+}
+
 .app-main:has(.copyright) {
   padding-bottom: 36px;
 }
 
 .fixed-header + .app-main {
-  padding-top: 50px;
+  margin-top: 50px;
 }
 
 .hasTagsView {
@@ -59,19 +66,14 @@ function addIframe() {
   }
 
   .fixed-header + .app-main {
-    padding-top: 84px;
+    margin-top: 84px;
+    height: calc(100vh - 84px);
+    min-height: 0px;
   }
 }
 </style>
 
 <style lang="scss">
-// fix css style bug in open el-dialog
-.el-popup-parent--hidden {
-  .fixed-header {
-    padding-right: 6px;
-  }
-}
-
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;
diff --git a/ruoyi-fastapi-frontend/src/layout/index.vue b/ruoyi-fastapi-frontend/src/layout/index.vue
index 4b999ee..c9a7e61 100644
--- a/ruoyi-fastapi-frontend/src/layout/index.vue
+++ b/ruoyi-fastapi-frontend/src/layout/index.vue
@@ -79,6 +79,11 @@ function setLayout() {
   }
 }
 
+.main-container:has(.fixed-header) {
+  height: 100vh;
+  overflow: hidden;
+}
+
 .drawer-bg {
   background: #000;
   opacity: 0.3;