fix: 收紧图库顶部工具栏布局

统一顶部统计与操作按钮的垂直居中高度,并在桌面端取消自动撑开的中间空白,移动端布局保持不变。
This commit is contained in:
GouJ
2026-09-08 10:37:05 +08:00
committed by GitHub
parent c22d281cc7
commit 7230f2238c
3 changed files with 46 additions and 23 deletions
+7
View File
@@ -183,6 +183,13 @@ describe('全站平面主题', () => {
it('图库顶部统一镜头选择和筛选的背景与垂直对齐,窄屏整组换行', () => {
// DOM 环境不计算几何;保护容器宽度断点和居中契约,真实坐标仍需浏览器验收。
const css = readAllStyles()
expect(css).toMatch(/\.gallery-workspace-page \.workspace-heading\s*\{[^}]*padding-block:\s*5px;/)
expect(css).toMatch(
/\.gallery-workspace-page \.workspace-toolbar,\s*\.gallery-workspace-page \.toolbar-summary,\s*\.gallery-workspace-page \.toolbar-actions\s*\{(?=[^}]*align-items:\s*center;)(?=[^}]*min-height:\s*34px;)/
)
expect(css).toMatch(
/@media \(min-width: 761px\)\s*\{[^}]*\.gallery-workspace-page \.toolbar-actions\s*\{[^}]*margin-left:\s*0;/
)
expect(css).toMatch(
/\.form-image-filter-region\s*\{[^}]*padding:\s*12px;[^}]*--app-field:\s*var\(--app-surface\);[^}]*--app-field-hover:\s*var\(--app-surface\);[^}]*background:\s*color-mix\(in srgb, var\(--app-subtle\) 96%, white\);/
)