3. Okt. 2024, 05:07

_res/_custom.js

@@ -156,18 +156,18 @@ function gradioCustomJS() {
 			gradioContainer.classList.add("blur-container")
 			body.style.setProperty("--blur-value", "12px")
 			gradioApp.style.height = "calc(100vh - 120px)"
-			resolutionModalWrapper.style.display = ""
-			alertModalElem.style.display = ""
+			resolutionModalWrapper.style.backdropFilter = "blur(12px)"
+			resolutionModalWrapper.style.opacity = "1"
 			alertModalElemSpan.textContent = "Diese Seite ist nicht für mobile Geräte optimiert. Bitte besuche diese Seite von einem Desktop-Computer aus."
 			alertModalElemButton.textContent = "Ok"
+			resolutionModalWrapper.style.display = ""
 		} else if (window.innerWidth < 1024) {
 			gradioContainer.classList.add("blur-container")
 			body.style.setProperty("--blur-value", "12px")
 			gradioApp.style.height = "calc(100vh - 120px)"
-			resolutionModalWrapper.style.display = ""
-			alertModalElem.style.display = ""
 			alertModalElemSpan.textContent = "Bildschirm Auflösung oder Fensterbreite zu gering. Bitte besuche diese Seite von einem Desktop-Computer aus."
 			alertModalElemButton.textContent = "Ok"
+			resolutionModalWrapper.style.display = ""
 		} else {
 			gradioContainer.classList.remove("blur-container")
 			body.style.setProperty("--blur-value", "0px")