jedarden/spaxel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(dashboard): add iOS Safari safe area CSS support

Browse source 
Add CSS environment variables for safe-area-inset to prevent content
overlap with notch/home indicator on iOS devices.

- Add padding-top and padding-bottom to body using env(safe-area-inset-*)
- Mobile bottom navigation already respects safe-area-inset-bottom
- viewport-fit=cover meta tag already present in all HTML pages
This commit is contained in:
jedarden 2026-04-25 12:40:28 -04:00
parent efee714482
commit 28e0f6239e
3 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.beads/issues.jsonl
View file

File diff suppressed because one or more lines are too long

2
.needle-predispatch-sha
View file

@ -1 +1 @@
16a4c658d8098f0e28a34544889161612132219f
03f765639be02940cb1f6a204e64b74ad751292e

2
dashboard/css/layout.css
View file

@ -10,6 +10,8 @@ body {
color: var(--text-primary);
font-family: var(--font-body);
margin: 0;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
}
/* ── App shell grid ── */