feat: unify project responsive layouts
This commit is contained in:
@@ -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" }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user