Fix data-attribute on splash animation

Th3Wall · Sep 23, 2023 · 529d744 · 529d744
1 parent 2f5401e
commit 529d744
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SplashAnimation/SplashAnimation.jsx b/src/components/SplashAnimation/SplashAnimation.jsx
@@ -36,7 +36,7 @@ const SplashAnimation = () => {
 			exit={{opacity: 0}}
 		>
 			<audio ref={soundRef} src={TADUM_SOUND_URL} />
-			<div className="netflixintro" letter="F">
+			<div className="netflixintro" data-letter="F">
 				<div className="helper-1">
 					<div className="effect-brush">
 						<span className="fur-31"></span>

diff --git a/src/components/SplashAnimation/splashAnimation.scss b/src/components/SplashAnimation/splashAnimation.scss
@@ -47,7 +47,7 @@ $custom-red: #e40913;
 			background-position: -1950px 0;
         }
 
-		&[letter="F"] {
+		&[data-letter="F"] {
 			transform-origin: 30% center;
 
 			.helper-1 {
@@ -327,7 +327,7 @@ $custom-red: #e40913;
 
 				.lamp-1 {
 					--color: #ff0100;
-                    z: 6;
+                    z-index: 6;
 					left: 0.7%;
 					width: 1%;
 					animation-delay: (calc(random(200) / 100)) + s;