diana.dolgolyova/blackheart-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hero always dark bg — no light/dark split for video section

Browse Source
This commit is contained in:
Diana Dolgolyova
2026-04-12 15:49:23 +03:00
parent b9510213d7
commit 28afcc18bc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/Hero.tsx
+2 -2
View File
@@ -98,7 +98,7 @@ export function Hero({ data: hero }: HeroProps) {
}, [scrollToNext]); }, [scrollToNext]);
return ( return (
<section id="hero" ref={sectionRef} aria-label="Главный баннер" className="relative flex min-h-svh items-center justify-center overflow-hidden bg-neutral-100 dark:bg-neutral-950"> <section id="hero" ref={sectionRef} aria-label="Главный баннер" className="relative flex min-h-svh items-center justify-center overflow-hidden bg-neutral-950">
{/* Videos render only after hydration to avoid SSR mismatch */} {/* Videos render only after hydration to avoid SSR mismatch */}
{mounted && ( {mounted && (
<> <>
@@ -161,7 +161,7 @@ export function Hero({ data: hero }: HeroProps) {
{/* Loading overlay — covers videos but not content */} {/* Loading overlay — covers videos but not content */}
<div <div
ref={overlayRef} ref={overlayRef}
className="absolute inset-0 z-[5] bg-neutral-100 dark:bg-neutral-950 pointer-events-none transition-opacity duration-1000" className="absolute inset-0 z-[5] bg-neutral-950 pointer-events-none transition-opacity duration-1000"
/> />
{/* Vignette — dark edges to guide eye to center */} {/* Vignette — dark edges to guide eye to center */}