From de9efd5a84bb8583c82a637f5f8da8e1aaffc9e0 Mon Sep 17 00:00:00 2001
From: Ian Dai <56898254+IanWearsHat@users.noreply.github.com>
Date: Fri, 26 Jan 2024 14:49:44 -0800
Subject: [PATCH] fix: schedule tabs can be clicked on through fireworks (#358)

* fix: schedule tabs can be clicked on through fireworks

* Applied overflow: hidden to SceneLayout.tsx
---
 .../schedule/components/ShiftingCountdown/ShiftingCountdown.tsx | 2 +-
 apps/site/src/components/dom/SceneLayout.tsx                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/site/src/app/(main)/schedule/components/ShiftingCountdown/ShiftingCountdown.tsx b/apps/site/src/app/(main)/schedule/components/ShiftingCountdown/ShiftingCountdown.tsx
index 211e3551..8683e904 100644
--- a/apps/site/src/app/(main)/schedule/components/ShiftingCountdown/ShiftingCountdown.tsx
+++ b/apps/site/src/app/(main)/schedule/components/ShiftingCountdown/ShiftingCountdown.tsx
@@ -112,7 +112,7 @@ const ShiftingCountdown = () => {
 			{countdown.showFireworks && (
 				<div className="flex justify-center">
 					<Fireworks
-						className="w-full h-full absolute"
+						className="w-full h-full absolute pointer-events-none"
 						options={{
 							opacity: 0.1,
 						}}
diff --git a/apps/site/src/components/dom/SceneLayout.tsx b/apps/site/src/components/dom/SceneLayout.tsx
index 480dca5b..ce935d76 100644
--- a/apps/site/src/components/dom/SceneLayout.tsx
+++ b/apps/site/src/components/dom/SceneLayout.tsx
@@ -14,7 +14,7 @@ const SceneLayout = ({ children }: PropsWithChildren) => {
 				position: "relative",
 				width: " 100%",
 				height: "100%",
-				overflowX: "hidden",
+				overflow: "hidden",
 				touchAction: "auto",
 			}}
 		>