diff options
| author | Taesu <166604494+bytaesu@users.noreply.github.com> | 2025-08-26 04:10:48 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-08-25 21:10:48 +0200 |
| commit | 7434f909491ca81e880bb85908d021d343136b12 (patch) | |
| tree | 39c579371007798a346da6e40a43fa6e84f57458 /apps | |
| parent | 03e68e77a98512ad66ea91aedfa7ece7fad60683 (diff) | |
| download | opencut-7434f909491ca81e880bb85908d021d343136b12.tar.gz | |
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>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/src/components/landing/hero.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx index 5c629433..1b557412 100644 --- a/apps/web/src/components/landing/hero.tsx +++ b/apps/web/src/components/landing/hero.tsx @@ -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" |