fix(layout): restore scroll and set panel heights

src/pages/ConfigPage.module.scss

@@ -134,8 +134,8 @@
 
 .editorWrapper {
   width: 100%;
-  flex: 1;
+  flex: 0 0 auto;
-  min-height: 200px;
+  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;
+  }
+}

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;
+  flex: 0 0 auto;
-  min-height: 200px;
+  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;
+  }
+}

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) {