Update app.py

app.py

@@ -196,40 +196,40 @@ def predict(input, img_enhancer):
 
 
 css = '''
-.container {max-width: 100%;margin: auto;padding-top: 1.5rem}
-#begin-btn {color: blue; font-size:20px;}
-#work-container {min-width: min(160px, 100%) !important;flex-grow: 0 !important}
-#image_output{margin: 0 auto; text-align: center;width:640px}
-#erase-container{margin: 0 auto; text-align: center;width:150px;border-width:5px;border-color:#2c9748}
-#enhancer-checkbox{width:520px}
-#enhancer-tip{width:450px}
-#enhancer-tip-div{text-align: left}
-#prompt-container{margin: 0 auto; text-align: center;width:fit-content;min-width: min(150px, 100%);flex-grow: 0; flex-wrap: nowrap;}
-#image_upload .touch-none{display: flex}
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
+    .container {max-width: 100%;margin: auto;padding-top: 1.5rem}
+    #begin-btn {color: blue; font-size:20px;}
+    #work-container {min-width: min(160px, 100%) !important;flex-grow: 0 !important}
+    #image_output{margin: 0 auto; text-align: center;width:640px}
+    #erase-container{margin: 0 auto; text-align: center;width:150px;border-width:5px;border-color:#2c9748}
+    #enhancer-checkbox{width:520px}
+    #enhancer-tip{width:450px}
+    #enhancer-tip-div{text-align: left}
+    #prompt-container{margin: 0 auto; text-align: center;width:fit-content;min-width: min(150px, 100%);flex-grow: 0; flex-wrap: nowrap;}
+    #image_upload .touch-none{display: flex}
+    @keyframes spin {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }
+    #share-btn-container {
+        display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
+    }
+    #share-btn {
+        all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;
+    }
+    #share-btn * {
+        all: unset;
     }
-    to {
-        transform: rotate(360deg);
+    #share-btn-container div:nth-child(-n+2){
+        width: auto !important;
+        min-height: 0px !important;
+    }
+    #share-btn-container .wrap {
+        display: none !important;
     }
-}
-#share-btn-container {
-    display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
-}
-#share-btn {
-    all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;
-}
-#share-btn * {
-    all: unset;
-}
-#share-btn-container div:nth-child(-n+2){
-    width: auto !important;
-    min-height: 0px !important;
-}
-#share-btn-container .wrap {
-    display: none !important;
-}
 '''
 set_page_elements = """async() => {
     function isMobile() {
@@ -239,7 +239,6 @@ set_page_elements = """async() => {
             return false; 
         }
     }
-
     var gradioEl = document.querySelector('body > gradio-app').shadowRoot;
     if (!gradioEl) {
         gradioEl = document.querySelector('body > gradio-app');
@@ -250,7 +249,6 @@ set_page_elements = """async() => {
     const image_output = gradioEl.querySelectorAll('#image_output')[0];
     const data_image = gradioEl.querySelectorAll('#image_upload [data-testid="image"]')[0];
     const data_image_div = gradioEl.querySelectorAll('#image_upload [data-testid="image"] > div')[0];
-
     if (isMobile()) {
         const group1_width = group1.offsetWidth;
         image_upload.setAttribute('style', 'width:' + (group1_width - 13*2) + 'px; min-height:none;');
@@ -269,7 +267,6 @@ set_page_elements = """async() => {
     }
     group1.style.display = "none";
     group2.style.display = "block";
-
 }"""
 
 image_blocks = gr.Blocks(css=css, title='Image Cleaner')
@@ -326,4 +323,4 @@ with image_blocks as demo:
     
         begin_button.click(fn=None, inputs=[], outputs=[group_1, group_2], _js=set_page_elements)
 
-image_blocks.launch()
+image_blocks.launch(server_name='0.0.0.0')