Fix errors with the smoke on rotation

midudev · Feb 28, 2024 · b7b0a67 · b7b0a67
1 parent fe254af
commit b7b0a67
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
@@ -1,5 +1,5 @@
 <script defer>
-	const container = document.querySelector("body")
+	const container = document.querySelector("#main-content")
 
 	const konamiCode = [
 		"ArrowUp",
@@ -28,11 +28,11 @@
 		if (konamiCodePosition !== konamiCode.length) return
 
 		container.style.transform = "rotateY(360deg)"
-		container.style.transition = "transform 3s ease"
+		container.style.transition = "transform 2s ease"
 
 		container.addEventListener("transitionend", () => {
-			container.style.transition = "none"
-			container.style.transform = "rotateY(0deg)"
+			container.style.transition = ""
+			container.style.transform = ""
 		})
 
 		konamiCodePosition = 0

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -58,7 +58,7 @@ const { title, description } = Astro.props
 		class="[&_:focus-visible]:outline-none [&_:focus-visible]:ring-2 [&_:focus-visible]:ring-primary"
 	>
 		<SmokeBackground />
-		<div class="mx-auto max-w-6xl px-2 pt-16 md:pt-20 lg:px-10">
+		<div class="mx-auto max-w-6xl px-2 pt-16 md:pt-20 lg:px-10" id="main-content">
 			<slot />
 		</div>
 	</body>