admin/ucvl-home-vision
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 44 Wiki Activity

fix: household leader selection and mobile monitoring experience v0.1.36

Browse Source
This commit is contained in:
Codex
2026-10-05 20:59:44 +08:00
parent 04d56d5aa2
commit 18d6613bb4
20 changed files with 206 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/theme.css
+53
View File
@@ -1872,6 +1872,59 @@ html[data-font="serif"] .scope-intro h2 {
font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
font-weight: 600 !important;
}
.live-help { margin: 10px 0; color: var(--ui-muted); font-size: 13px; }
.live-help summary { cursor: pointer; padding: 8px 0; }
.live-help p { margin: 8px 0; }
#page-live.wall-expanded { position: fixed; inset: 0; z-index: 10000; margin: 0; }
#page-live:is(:fullscreen,.wall-expanded) > .live-help { display: none; }
#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-visible-count="1"] {
grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr);
}
.leadership-member-actions .btn { white-space: normal; }
#leadership-grant { align-items: flex-start; padding: 14px; }
#leadership-grant span { line-height: 1.7; }
@media (max-width: 767px) {
#app > main { padding-bottom: max(20px,env(safe-area-inset-bottom)) !important; }
main[data-page="live"] > header { margin-bottom: 12px !important; padding-bottom: 12px !important; }
main[data-page="live"] > header .eyebrow,
main[data-page="live"] #page-note,
main[data-page="live"] > .metrics { display: none !important; }
main[data-page="live"] .household-context { margin-bottom: 12px; flex-wrap: nowrap; }
main[data-page="live"] .household-context label { flex: 1; width: auto; font-size: 0; }
main[data-page="live"] .household-context select { font-size: 16px; width: 100%; }
main[data-page="live"] #scope-back { width: auto; min-width: 82px; }
main[data-page="live"] > .filter-row { margin: 12px 0; }
#page-live:not([hidden]) { display: flex; flex-direction: column; }
#page-live > .section-head { order: 0; margin: 6px 0 12px; }
#page-live > .live-grid { order: 1; }
#page-live > .wall-toolbar { order: 2; }
#page-live > .live-help { order: 3; }
#page-live:not(:fullscreen):not(.wall-expanded) .live-grid[data-layout="auto"] { grid-template-columns: minmax(0,1fr); }
.camera-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 12px 12px; }
.camera-actions .btn { min-height: 44px; white-space: normal; font-size: 13px; }
.camera-meta { padding: 12px; }
.camera-meta strong { font-size: 15px !important; }
.wall-toolbar .wall-paging { flex: 1; justify-content: space-between; }
.wall-toolbar .btn { min-width: 44px; min-height: 44px; }
#page-live:is(:fullscreen,.wall-expanded) { padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); }
#page-live:is(:fullscreen,.wall-expanded) > .wall-toolbar { order: 0; }
#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout="auto"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-visible-count="1"] { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); }
#page-live:is(:fullscreen,.wall-expanded) .camera-actions { display: none; }
.network-target { display: grid; grid-template-columns: 76px minmax(0,1fr) auto; font-size: 12px; gap: 8px; }
.network-target code { font-size: 13px !important; }
.network-check-time { font-size: 12px; line-height: 1.7; }
.management-links { display: grid; grid-template-columns: minmax(0,1fr); }
.management-links .btn { min-height: 44px !important; font-size: 13px !important; white-space: normal; }
dialog .description,dialog label { font-size: 14px !important; }
dialog .dialog-footer { position: sticky; bottom: -20px; background: var(--ui-surface); padding: 14px 0; margin-bottom: -10px; }
dialog .dialog-footer .btn { flex: 1; min-height: 44px; white-space: normal; }
.leadership-member-actions .btn { flex: 1; min-width: 120px; }
#leadership-grant { display: flex; gap: 10px; }
#leadership-grant[hidden] { display: none; }
}
html[data-backdrop="mountains"] #app > main {
background-image:
linear-gradient(150deg, transparent 70%, #8ba58f08 70%, transparent 85%),