3. Okt. 2024, 06:32

_res/_custom.js

@@ -173,7 +173,8 @@ function gradioCustomJS() {
 			body.style.setProperty("--blur-value", "0px")
 			gradioApp.style.height = ""
 			resolutionModalWrapper.setProperty("--opacity-value", "0")
-			setTimeout(() => (resolutionModalWrapper.style.display = "none"), 400)
+			resize_eventListener("remove")
+			setTimeout(() => ((resolutionModalWrapper.style.display = "none"), resize_eventListener("add")), 600)
 		}
 	}
 
@@ -187,15 +188,27 @@ function gradioCustomJS() {
 		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> @keyframes beat{0%{transform: scale(1);}5%{transform: scale(0.75);}20%{transform: scale(1);}30%{transform: scale(1);}35%{transform: scale(0.75);}50%{transform: scale(1);}55%{transform: scale(0.75);}70%{transform: scale(1);}}</style></defs><g style="animation: beat 2s ease-in-out infinite; transform-origin: 50% 50%;"><path fill="#bd0a0a" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></g></svg>'
 
 	// MARK: Event Listeners
-	window.addEventListener("resize", () => {
-		console.log("Event Window resize.")
-		istMobile()
-	})
+
+	function resize_eventListener(trigger) {
+		if (trigger == "add") {
+			window.addEventListener("resize", () => {
+				console.log("Event Window resize.")
+				istMobile()
+			})
+		}
+		if (trigger == "remove") {
+			window.removeEventListener("resize", () => {
+				console.log("Event Window resize.")
+				istMobile()
+			})
+		}
+	}
 
 	elementReady("body > gradio-app > div.gradio-container").then((element) => {
 		console.log("Element exist: " + element)
 		istMobile()
 	})
 
+	resize_eventListener("add")
 	return "Custom Gradio JS"
 }