fix: 优化形态图库移动端筛选布局
移动端将搜索、筛选和图标操作拆分为三行,避免状态筛选与四个操作按钮互相挤压。
This commit is contained in:
@@ -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\);/
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user