Update app.py

app.py

@@ -94,12 +94,19 @@ def flip_text(prompt, negative_prompt, model, steps, sampler, cfg_scale, width,
 
     return job["imageUrl"]
 
+def check_res(w, h):
+    if w*h < 1_100_000:
+        return "### ⚠️ Res too big!"
+    else:
+        return ""
+
 css = """
 #generate {
     height: 100%;
 }
 """
 
+
 with gr.Blocks(css=css) as demo:
 
 
@@ -130,11 +137,12 @@ with gr.Blocks(css=css) as demo:
 
                     with gr.Row():
                         with gr.Column(scale=1):
-                            width = gr.Slider(label="Width", minimum=512, maximum=1536, value=1024, step=1)
-                            height = gr.Slider(label="Height", minimum=512, maximum=1536, value=1024, step=1)
+                            width = gr.Slider(label="Width", minimum=512, maximum=1536, value=1024, step=1, interactive=True)
+                            height = gr.Slider(label="Height", minimum=512, maximum=1536, value=1024, step=1, interactive=True)
+                            res_error = gr.Markdown(elem_id="res-error")
+                            width.change(check_res, [width, height], res_error)
+                            height.change(check_res, [width, height], res_error)
                             gr.Markdown(elem_id="resolution", value="*Max Resolution: 1.1MP (1,100,000px)*")
-                            if width*height < 1_100_000:
-                                gr.Markdown(elem_id="resError", value="### ⚠️ Res too big!")
 
                         with gr.Column(scale=1):
                             batch_size = gr.Slider(label="Batch Size", maximum=1, value=1)