1
0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-18 07:56:44 +01:00

Safe area: main content and onboarding (#26813)

* foundation: define --safe-area-content-inset-*; adjust drawer width; apply top inset to pre-login templates

* Set default for var

* Update demo template

* Set default to avoid issues

* Allow for left and right insets or 560px

* Remove
This commit is contained in:
Aidan Timson
2025-09-07 11:25:29 +01:00
committed by GitHub
parent 688b8e5229
commit 5f140c5fc4
6 changed files with 11 additions and 4 deletions

View File

@@ -19,8 +19,9 @@
height: auto;
padding: 32px 0;
}
.content {
max-width: 560px;
max-width: min(560px, calc(100vw - var(--safe-area-inset-right, 0px) - var(--safe-area-inset-left, 0px)));
margin: 0 auto;
padding: 0 16px;
box-sizing: content-box;