sam/family_home_lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile responsiveness: console nav wraps/hides name; dsh sidebar drawer + stacked tools + 16px input

Browse Source
This commit is contained in:
Sam Rolfe
2026-08-26 21:18:44 +10:00
parent 728f18b1ec
commit cc35cbb6a3
2 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
portal/static/app.css
View File

@@ -327,4 +327,16 @@ button.button, input[type="submit"].button { font-family: inherit; }
.muted { color: var(--ink-muted); }
.faint { color: var(--ink-faint); }
.margin-top { margin-top: var(--space-lg); }
.stack > * + * { margin-top: var(--space-lg); }
.stack > * + * { margin-top: var(--space-lg); }
/* ---------- Responsive (mobile) ---------- */
@media (max-width: 640px) {
.nav-bar {
flex-wrap: wrap;
gap: var(--space-xs);
padding: var(--space-sm) var(--space-md);
}
.nav-right { flex-wrap: wrap; gap: var(--space-xs); }
.nav-user span:last-child { display: none; } /* hide full name, keep avatar */
.page { padding: var(--space-lg) var(--space-md); }
.greeting { font: var(--type-heading-2); }
}