bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add env constaints for mobile layout

Browse Source 
In theory, this prevents overlapping device elements like the dynamic
island in landscape
This commit is contained in:
Jason Zimdars
2025-11-24 16:33:32 -06:00
parent b93224b45c
commit a1fcabf01e
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/bar.css
+3 -1
View File
@@ -11,7 +11,9 @@
inset: auto 0 0 0;
max-block-size: 100%;
padding-block: var(--block-space) calc(var(--block-space) + env(safe-area-inset-bottom));
padding-inline: calc(var(--tray-size) + calc(var(--inline-space) * 3));
padding-inline:
calc(var(--tray-size) + calc(var(--inline-space) * 3) + env(safe-area-inset-left))
calc(var(--tray-size) + calc(var(--inline-space) * 3) + env(safe-area-inset-right));
place-content: center;
position: fixed;
view-transition-name: bar;
app/assets/stylesheets/layout.css
+3 -1
View File
@@ -12,7 +12,9 @@
inline-size: 100dvw;
margin-inline: auto;
max-inline-size: 100dvw;
padding-inline: var(--main-padding);
padding-inline:
calc(var(--main-padding) + env(safe-area-inset-left))
calc(var(--main-padding) + env(safe-area-inset-right));
text-align: center;
}