From 46701b40ad167b740c0c758d5e2e36247f21909b Mon Sep 17 00:00:00 2001
From: Supra4E8C <tan13318527080@163.com>
Date: Fri, 26 Dec 2025 17:37:49 +0800
Subject: [PATCH] fix(layout): restore scroll and set panel heights

---
 src/pages/ConfigPage.module.scss | 27 +++++++++++++++++++++++++--
 src/pages/LogsPage.module.scss   | 31 +++++++++++++++++++++++++++++--
 src/styles/layout.scss           |  4 +---
 3 files changed, 55 insertions(+), 7 deletions(-)

diff --git a/src/pages/ConfigPage.module.scss b/src/pages/ConfigPage.module.scss
index 6815604..40af63d 100644
--- a/src/pages/ConfigPage.module.scss
+++ b/src/pages/ConfigPage.module.scss
@@ -134,8 +134,8 @@
 
 .editorWrapper {
   width: 100%;
-  flex: 1;
-  min-height: 200px;
+  flex: 0 0 auto;
+  height: 480px;
   border: 1px solid var(--border-color);
   border-radius: $radius-lg;
   overflow: hidden;
@@ -238,3 +238,26 @@
     }
   }
 }
+
+@media (max-height: 820px) {
+  .pageTitle {
+    font-size: 24px;
+    margin-bottom: $spacing-sm;
+  }
+
+  .description {
+    margin-bottom: $spacing-lg;
+  }
+
+  .content {
+    gap: $spacing-md;
+  }
+
+  .configCard {
+    padding: $spacing-md;
+  }
+
+  .editorWrapper {
+    height: 360px;
+  }
+}
diff --git a/src/pages/LogsPage.module.scss b/src/pages/LogsPage.module.scss
index c34f063..d72dff6 100644
--- a/src/pages/LogsPage.module.scss
+++ b/src/pages/LogsPage.module.scss
@@ -161,8 +161,8 @@
   background: var(--bg-secondary);
   border: 1px solid var(--border-color);
   border-radius: $radius-md;
-  flex: 1;
-  min-height: 200px;
+  flex: 0 0 auto;
+  height: 480px;
   overflow: auto;
   position: relative;
   -webkit-overflow-scrolling: touch;
@@ -371,3 +371,30 @@
   color: var(--text-secondary);
   word-break: break-word;
 }
+
+@media (max-height: 820px) {
+  .pageTitle {
+    font-size: 24px;
+    margin-bottom: $spacing-md;
+  }
+
+  .tabBar {
+    margin-bottom: $spacing-md;
+  }
+
+  .tabItem {
+    padding: 10px 16px;
+  }
+
+  .content {
+    gap: $spacing-md;
+  }
+
+  .logCard {
+    padding: $spacing-md;
+  }
+
+  .logPanel {
+    height: 360px;
+  }
+}
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index 6a2d6a1..e0c11c4 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -331,13 +331,11 @@
 }
 
 .main-content {
-  flex: 1;
+  flex: 0 0 auto;
   padding: $spacing-lg;
   display: flex;
   flex-direction: column;
   gap: $spacing-lg;
-  min-height: 0;
-  overflow-y: auto;
   overflow-x: hidden;
 
   @media (max-width: $breakpoint-mobile) {