feat: unify project responsive layouts

This commit is contained in:
rain
2026-07-21 20:59:10 +08:00
parent a0d19f4aab
commit 5d99bae3f2
94 changed files with 2324 additions and 404 deletions
+10 -3
View File
@@ -19,6 +19,9 @@ foreach ($anchor in @(
'<AppToast',
'<ModulePageBackground',
':style="moduleAssetStyle"',
'@use "../styles/adaptive-frame-profiles.scss" as adaptive;',
'@include adaptive.adaptive-module-field;',
'@include adaptive.adaptive-module-content;',
'const moduleAssetStyle = computed(() => ({',
'"--module-content-asset": `url(${contentAsset.value})`',
'"--module-field-asset": `url(${fieldAsset.value})`',
@@ -31,7 +34,10 @@ foreach ($forbidden in @(
'class="page-intro"',
'g03-create-flow-panel.png',
'g06-search-input-wide.png',
'application-status-card.png'
'application-status-card.png',
'background: var(--module-field-asset) center / 100% 100% no-repeat;',
'background: var(--module-content-asset) center / 100% 100% no-repeat;',
'height: 100%;'
)) {
if ($component -match [regex]::Escape($forbidden)) { throw "ModulePage must not keep obsolete shared surface: $forbidden" }
}
@@ -52,8 +58,9 @@ foreach ($rule in @(
'(?s)\.module-page\s*\{[^}]*display:\s*flex;[^}]*flex-direction:\s*column;',
'(?s)\.module-page__header,\s*\.module-page__content,\s*\.module-page__loading\s*\{[^}]*z-index:\s*1;',
'(?s)\.module-lead\s*\{[^}]*background:\s*url\("/static/assets/modules/genealogy/transparent/section-divider\.png"\) center / 100% 100% no-repeat;',
'(?s)\.form-row,\s*\.settings-row\s*\{[^}]*background:\s*var\(--module-field-asset\) center / 100% 100% no-repeat;',
'(?s)\.list-card,\s*\.detail-card,\s*\.timeline-row,\s*\.status-card\s*\{[^}]*background:\s*var\(--module-content-asset\) center / 100% 100% no-repeat;'
'(?s)\.module-lead\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*justify-content:\s*center;',
'(?s)\.form-row,\s*\.settings-row\s*\{[^}]*@include\s+adaptive\.adaptive-module-field;',
'(?s)\.list-card,\s*\.detail-card,\s*\.timeline-row,\s*\.status-card\s*\{[^}]*@include\s+adaptive\.adaptive-module-content;'
)) {
if ($component -notmatch $rule) { throw "ModulePage document-flow background rule missing: $rule" }
}