Metrix/CapacityReport
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修正字段映射滚动容器样式

Browse Source
This commit is contained in:
nixevol
2026-05-19 11:02:06 +08:00
parent fae9434597
commit 27d8e2576f
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/project_context.md
+1
View File
@@ -4,6 +4,7 @@
- `frontend/src/styles.css` 调整系统设置页为固定高度布局，外层 `settings-workspace` 减小 padding 并隐藏溢出，避免主内容区出现整页滚动条。 - `frontend/src/styles.css` 调整系统设置页为固定高度布局，外层 `settings-workspace` 减小 padding 并隐藏溢出，避免主内容区出现整页滚动条。
- 字段映射配置卡片在规则映射页中占满可用高度，卡片内容区使用 flex 固定 header/footer，字段列表通过内部纵向滚动条浏览，避免主页面滚动或内容溢出。 - 字段映射配置卡片在规则映射页中占满可用高度，卡片内容区使用 flex 固定 header/footer，字段列表通过内部纵向滚动条浏览，避免主页面滚动或内容溢出。
- Naive UI 当前卡片内容区 DOM class 为 `.n-card-content`，样式同时兼容 `.n-card__content`；字段映射项必须 `flex: 0 0 auto`，否则列表项会被 flex 压缩而无法形成真实滚动高度。
## 2026-05-19：拆分系统设置页并支持远程源文件自动清理 ## 2026-05-19：拆分系统设置页并支持远程源文件自动清理
frontend/src/styles.css
+9 -4
View File
@@ -471,7 +471,8 @@ select {
color: var(--td-text-color-primary); color: var(--td-text-color-primary);
} }
.work-card > .n-card__content { .work-card > .n-card__content,
.work-card > .n-card-content {
padding: 16px 20px; padding: 16px 20px;
color: var(--td-text-color-primary); color: var(--td-text-color-primary);
} }
@@ -1196,14 +1197,16 @@ select {
gap: 16px; gap: 16px;
} }
.settings-tabs-card > .n-card__content { .settings-tabs-card > .n-card__content,
.settings-tabs-card > .n-card-content {
flex: 1; flex: 1;
min-height: 0; min-height: 0;
padding: 6px 18px 12px; padding: 6px 18px 12px;
overflow: hidden; overflow: hidden;
} }
.settings-tabs-card > .n-card__content > .n-tabs { .settings-tabs-card > .n-card__content > .n-tabs,
.settings-tabs-card > .n-card-content > .n-tabs {
height: 100%; height: 100%;
} }
@@ -1293,7 +1296,8 @@ select {
width: 100%; width: 100%;
} }
.field-mapping-card > .n-card__content { .field-mapping-card > .n-card__content,
.field-mapping-card > .n-card-content {
display: flex; display: flex;
flex: 1 1 0; flex: 1 1 0;
flex-direction: column; flex-direction: column;
@@ -1382,6 +1386,7 @@ select {
.field-mapping-item { .field-mapping-item {
position: relative; position: relative;
flex: 0 0 auto;
padding: 32px 14px 12px; padding: 32px 14px 12px;
background: var(--td-bg-color-container); background: var(--td-bg-color-container);
border: 1px solid var(--td-border-color); border: 1px solid var(--td-border-color);