From ec658b5dac7269abcabd505fa57fe83b27338c67 Mon Sep 17 00:00:00 2001
From: Nixevol <guaotiantang@gmail.com>
Date: Tue, 19 May 2026 11:09:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=BF=9E=E6=8E=A5?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=A1=B5=E5=86=85=E9=83=A8=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/project_context.md |  1 +
 frontend/src/styles.css | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/docs/project_context.md b/docs/project_context.md
index 53d5943..34e3f59 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -3,6 +3,7 @@
 ## 2026-05-19：压缩系统设置页布局高度
 
 - `frontend/src/styles.css` 调整系统设置页为固定高度布局，外层 `settings-workspace` 减小 padding 并隐藏溢出，避免主内容区出现整页滚动条。
+- 连接配置页 `.settings-section-grid` 作为 tab 内部滚动容器，浏览器高度变小时只滚动连接配置内容，不裁切远程数据源表单。
 - 字段映射配置卡片在规则映射页中占满可用高度，卡片内容区使用 flex 固定 header/footer，字段列表通过内部纵向滚动条浏览，避免主页面滚动或内容溢出。
 - Naive UI 当前卡片内容区 DOM class 为 `.n-card-content`，样式同时兼容 `.n-card__content`；字段映射项必须 `flex: 0 0 auto`，否则列表项会被 flex 压缩而无法形成真实滚动高度。
 
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 97b66a7..1673664 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1238,6 +1238,27 @@ select {
 
 .settings-section-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
+  height: 100%;
+  min-height: 0;
+  padding-right: 6px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-color: var(--td-scrollbar-color) transparent;
+  scrollbar-width: thin;
+}
+
+.settings-section-grid::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.settings-section-grid::-webkit-scrollbar-thumb {
+  background: var(--td-scrollbar-color);
+  border-radius: 8px;
+}
+
+.settings-section-grid::-webkit-scrollbar-track {
+  background: transparent;
 }
 
 .settings-rules-grid {