diff options
| author | Fuwn <[email protected]> | 2026-05-19 00:57:49 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 00:57:49 +0000 |
| commit | e82799a19de3566a9a3a8f3aac7881bb30c6015d (patch) | |
| tree | f79cba4851268bd4257ada82a4344a2bd7536019 | |
| parent | Revert "fix(a11y): bump touch targets to 44px under pointer:coarse" (diff) | |
| download | due.moe-e82799a19de3566a9a3a8f3aac7881bb30c6015d.tar.xz due.moe-e82799a19de3566a9a3a8f3aac7881bb30c6015d.zip | |
fix(hero): swap 100vh for 100dvh on landing hero
100vh on mobile Safari/Chrome locks to the largest viewport (URL bar
collapsed), so the hero overflows by the bar's height when the page
loads with the bar visible, then shrinks when the user scrolls. 100dvh
tracks the dynamic viewport and avoids the jump.
| -rw-r--r-- | src/lib/LandingHero.svelte | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/lib/LandingHero.svelte b/src/lib/LandingHero.svelte index f080f156..66729335 100644 --- a/src/lib/LandingHero.svelte +++ b/src/lib/LandingHero.svelte @@ -53,7 +53,7 @@ const scrollPastHero = () => { <style> .hero { - min-height: calc(100vh - 8rem); + min-height: calc(100dvh - 8rem); display: flex; flex-direction: column; justify-content: center; |