fix: use svh to prevent hero mobile layout shift (#572)

* Update README.md

* fix: use svh to prevent mobile layout shift

---------

Co-authored-by: Maze <167211895+mazeincoding@users.noreply.github.com>
Co-authored-by: Maze Winther <mazewinther@gmail.com>
This commit is contained in:
Taesu
2025-08-25 21:10:48 +02:00
committed by GitHub
co-authored by Maze Maze Winther
parent 03e68e77a9
commit 7434f90949
+1 -1
View File
@@ -12,7 +12,7 @@ import Link from "next/link";
export function Hero() {
return (
<div className="min-h-[calc(100vh-4.5rem)] supports-[height:100dvh]:min-h-[calc(100dvh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
<div className="min-h-[calc(100svh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
<Image
className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85"
src="/landing-page-dark.png"