fix landing hero background positioning (#4092)

This commit is contained in:
nonoge 2026-07-13 17:38:49 +07:00 committed by GitHub
parent 2fa0505070
commit 63e2da1401
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -32,7 +32,7 @@ export function Hero({ className }: { className?: string }) {
return ( return (
<div <div
className={cn( className={cn(
"flex size-full flex-col items-center justify-center", "relative flex size-full flex-col items-center justify-center",
className, className,
)} )}
> >
@ -47,7 +47,7 @@ export function Hero({ className }: { className?: string }) {
/> />
</div> </div>
<FlickeringGrid <FlickeringGrid
className="absolute inset-0 z-0 translate-y-8 mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]" className="absolute inset-0 z-0 mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
squareSize={4} squareSize={4}
gridGap={4} gridGap={4}
color={"white"} color={"white"}