fix: 统一图库滚动区域并吸顶镜头筛选栏

This commit is contained in:
GouJ
2026-09-04 11:21:39 +08:00
parent 12f7e69e88
commit acc0a1e9ad
4 changed files with 265 additions and 139 deletions
+30 -1
View File
@@ -455,8 +455,19 @@ body {
.production-pipeline-card > .confirm-action {
margin-block: 16px 4px;
}
.gallery-workspace-page .workspace-scroll-content {
padding-top: 8px;
}
/* 图库只使用正文纵向滚动;筛选栏在同一滚动上下文吸顶,不再被头部高度限制。 */
.gallery-workspace-page .form-image-filter-region {
margin-block: 10px 0;
position: sticky;
top: 0;
z-index: 10;
background: var(--app-subtle);
margin-block: 10px 12px;
}
.gallery-workspace-page .workspace-scroll > .n-scrollbar-container {
overflow-anchor: none;
}
.workspace-heading h2 {
font-size: 16px;
@@ -1501,6 +1512,24 @@ body {
padding: 14px 16px;
background: var(--app-subtle);
margin-bottom: 12px;
min-width: 0;
}
/* 关联素材始终单行横向浏览,数量和长名称不会撑高定位区或压缩图片区域。 */
.asset-impact-links-scroll.n-scrollbar {
height: auto;
min-width: 0;
max-width: 100%;
}
.asset-impact-links {
display: flex;
align-items: center;
gap: 12px;
width: max-content;
white-space: nowrap;
padding-bottom: 8px;
}
.asset-impact-links > * {
flex-shrink: 0;
}
.asset-impact-select {
min-width: 0;