Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: extend recipe hero images into status bar safe area

Browse Source 
Account for env(safe-area-inset-top) in the hero negative margin-top
so images fill the status bar area on edge-to-edge Android instead of
leaving empty space.
This commit is contained in:
Alexander Bocken
2026-04-09 21:33:51 +02:00
parent 29059b8197
commit a7491d6f08
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/recipes/TitleImgParallax.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
.section {
margin-bottom: -20vh;
margin-top: calc(-3.5rem - 12px);
margin-top: calc(-3.5rem - 12px - env(safe-area-inset-top, 0px));
transform-origin: center top;
transform: scaleY(calc(1 - var(--scale)));
}