29. Sept. 2024, 19:43

_res/_custom.js

@@ -167,18 +167,21 @@ function gradioCustomJS() {
 			gradioContainer.classList.add("blur-container")
 			body.style.setProperty("--blur-value", "12px")
 			gradioApp.style.height = "calc(100vh - 120px)"
+			resolutionModalWrapper.style.display = "none"
 			alertModalElem.style.display = ""
 			alertModalElemSpan.textContent = "Diese Seite ist nicht für mobile Geräte optimiert. Bitte besuche diese Seite von einem Desktop-Computer aus."
 		} 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 = "none"
 			alertModalElem.style.display = ""
 			alertModalElemSpan.textContent = "Bildschirm Auflösung oder Fensterbreite zu gering. Bitte besuche diese Seite von einem Desktop-Computer aus."
 		} else {
 			gradioContainer.classList.remove("blur-container")
 			body.style.setProperty("--blur-value", "0px")
 			gradioApp.style.height = ""
+			resolutionModalWrapper.style.display = "none"
 			alertModalElem.style.display = "none"
 			alertModalElemSpan.textContent = ""
 		}

app.py

@@ -311,6 +311,7 @@ with gr.Blocks(theme=theme, css=custom_css, js=custom_js, head=custom_head, titl
                     <p>Erstelle "Control Images" für Stable Diffusion und andere Tools die ControlNet verwenden.<br/>
                     Diese Demo läuft nur auf CPU, eine Inference wird daher sehr lange dauern. Du kannst diesen Space clonen und lokal auf deinem Computer verwenden.</p>
                     <p><i class="winking-hand-emoji"></i> Sebastian, gib dem Space gerne ein <i class="heart-beat-emoji"></i></p>
+                    <div id="resolution_modal_wrapper" class="resolution-modal-wrapper"></div>
                     """,
             elem_classes="md-header",
         )