Skip to content

fix(pwa): respect page safe-area insets - #61

Merged
avatarneil merged 1 commit into
mainfrom
t3code/fix-pwa-safe-areas
Sep 21, 2026
Merged

avatarneil merged 1 commit into
mainfrom
t3code/fix-pwa-safe-areas

Conversation

@avatarneil

@avatarneil avatarneil commented Sep 21, 2026 •

Copy link
Copy Markdown
Owner

Installed iOS PWAs use an edge-to-edge viewport and translucent status bar, but page content did not reserve space for the status bar. Add top and horizontal safe-area padding to the shared body so all routes retain their own spacing below the clock and beside landscape cutouts.

Validation: lint (existing warnings only), TypeScript, CSS formatting, and compiled-CSS browser checks at portrait phone, landscape phone, laptop, and ultrawide sizes. Chromium safe-area emulation verified a 59px top inset and 59px landscape side insets without horizontal overflow; zero-inset desktop spacing remains unchanged. Physical installed-iPhone verification was not available.

@vercel

vercel Bot commented Sep 21, 2026 •

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
nfl-playoff-bracket Ready Ready Preview Sep 21, 2026 1:39am UTC

Request Review

@avatarneil avatarneil changed the title t3code/fix pwa safe areas fix(pwa): respect page safe-area insets Sep 21, 2026
@avatarneil
avatarneil merged commit 2fbb254 into main Sep 21, 2026
10 checks passed
@avatarneil
avatarneil deleted the t3code/fix-pwa-safe-areas branch September 21, 2026 01:42

This branch was successfully deployed

1 active deployment
Preview — 576889b4 Deployed Sep 21, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant