fix: 优化形态图库移动端筛选布局

移动端将搜索、筛选和图标操作拆分为三行,避免状态筛选与四个操作按钮互相挤压。
This commit is contained in:
GouJ
2026-09-08 14:28:37 +08:00
committed by GitHub
parent 3c6b1600b4
commit 63e53b03f4
3 changed files with 60 additions and 31 deletions
+8 -1
View File
@@ -208,8 +208,15 @@ describe('全站平面主题', () => {
expect(css).toMatch(/\.asset-impact-context\s*\{[^}]*padding(?:-block)?:\s*5px/)
expect(css).toMatch(/\.asset-impact-context\s*\{[^}]*margin:\s*0/)
expect(css).toMatch(
/@container \(max-width: 460px\)\s*\{[^}]*\.form-image-filters\s*\{[^}]*grid-template-columns:\s*minmax\(0, 1fr\) 120px;[^}]*\}[^}]*\.filter-result-count\s*\{[^}]*display:\s*none;/
/@container \(max-width: 460px\)\s*\{[^}]*\.form-image-filters\s*\{[^}]*grid-template-columns:\s*repeat\(2, minmax\(0, 1fr\)\);[^}]*gap:\s*10px;/
)
expect(css).toMatch(/\.search-filter\s*\{[^}]*grid-column:\s*1 \/ -1;[^}]*grid-row:\s*1;/)
expect(css).toMatch(/\.module-filter\s*\{[^}]*grid-column:\s*1;[^}]*grid-row:\s*2;/)
expect(css).toMatch(/\.status-filter\s*\{[^}]*grid-column:\s*2;[^}]*grid-row:\s*2;/)
expect(css).toMatch(
/\.form-image-display-controls\s*\{[^}]*grid-column:\s*1 \/ -1;[^}]*grid-row:\s*3;[^}]*width:\s*100%;[^}]*justify-content:\s*flex-end;/
)
expect(css).toMatch(/\.filter-result-count\s*\{[^}]*display:\s*none;/)
expect(css).toMatch(
/\.gallery-layout-switch \.layout-option-button:not\(\.layout-option-active\)\s*\{[^}]*background:\s*var\(--app-control-hover\);/
)