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:
parent
03e68e77a9
commit
7434f90949
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue