update app so it will be nicer

app.py

@@ -42,7 +42,7 @@ def preprocess_map(map):
     return map
 
 
-def inference(image, map,gs, prompt, negative_prompt):
+def inference(image, map, gs, prompt, negative_prompt):
     validate_inputs(image, map)
     image = preprocess_image(image)
     map = preprocess_map(map)
@@ -68,14 +68,28 @@ def validate_inputs(image, map):
 
 
 example1 = ["assets/input2.jpg", "assets/map2.jpg", 17.5,
-             "Tree of life under the sea, ethereal, glittering, lens flares, cinematic lighting, artwork by Anna Dittmann & Carne Griffiths, 8k, unreal engine 5, hightly detailed, intricate detailed",
-             "bad anatomy, poorly drawn face, out of frame, gibberish, lowres, duplicate, morbid, darkness, maniacal, creepy, fused, blurry background, crosseyed, extra limbs, mutilated, dehydrated, surprised, poor quality, uneven, off-centered, bird illustration, painting, cartoons"]
-example2=["assets/input3.jpg", "assets/map4.png", 21,
-             "overgrown atrium, nature, ancient black marble columns and terracotta tile floors, waterfall, ultra-high quality, octane render, corona render, UHD, 64k",
-             "Two bodies, Two heads, doll, extra nipples, bad anatomy, blurry, fuzzy, extra arms, extra fingers, poorly drawn hands, disfigured, tiling, deformed, mutated, out of frame, cloned face, watermark, text, lowres, disfigured, ostentatious, ugly, oversaturated, grain, low resolution, blurry, bad anatomy, poorly drawn face, mutant, mutated,  blurred, out of focus, long neck, long body, ugly, disgusting, bad drawing, childish"]
-demo = gr.Interface(inference, [gr.Image(label="input image", type="pil"), gr.Image(label="change map", type="pil"),
-                                gr.Slider(0,28,value=7.5,label="Guidance Scale"),
-                                gr.Textbox(label="Prompt"), gr.Textbox(label="Negative Prompt")], "image",
-                    allow_flagging="never", examples=[example1,example2])
+            "Tree of life under the sea, ethereal, glittering, lens flares, cinematic lighting, artwork by Anna Dittmann & Carne Griffiths, 8k, unreal engine 5, hightly detailed, intricate detailed",
+            "bad anatomy, poorly drawn face, out of frame, gibberish, lowres, duplicate, morbid, darkness, maniacal, creepy, fused, blurry background, crosseyed, extra limbs, mutilated, dehydrated, surprised, poor quality, uneven, off-centered, bird illustration, painting, cartoons"]
+example2 = ["assets/input3.jpg", "assets/map4.png", 21,
+            "overgrown atrium, nature, ancient black marble columns and terracotta tile floors, waterfall, ultra-high quality, octane render, corona render, UHD, 64k",
+            "Two bodies, Two heads, doll, extra nipples, bad anatomy, blurry, fuzzy, extra arms, extra fingers, poorly drawn hands, disfigured, tiling, deformed, mutated, out of frame, cloned face, watermark, text, lowres, disfigured, ostentatious, ugly, oversaturated, grain, low resolution, blurry, bad anatomy, poorly drawn face, mutant, mutated,  blurred, out of focus, long neck, long body, ugly, disgusting, bad drawing, childish"]
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            with gr.Row():
+                input_image = gr.Image(label="input image", type="pil", height="40vh", width="10vw")
+                change_map = gr.Image(label="change map", type="pil", height="40vh", width="10vw")
+            gs = gr.Slider(0, 28, value=7.5, label="Guidance Scale")
+            prompt = gr.Textbox(label="Prompt")
+            neg_prompt = gr.Textbox(label="Negative Prompt")
+            with gr.Row():
+                clr_btn=gr.ClearButton(components=[input_image, change_map, gs, prompt, neg_prompt])
+                run_btn = gr.Button("Run",variant="primary")
+
+        output = gr.Image(label="output image")
+    gr.Examples(examples=[example1, example2],inputs=[input_image, change_map, gs, prompt, neg_prompt])
+    run_btn.click(inference, inputs=[input_image, change_map, gs, prompt, neg_prompt], outputs=output)
+    clr_btn.add(output)
 if __name__ == "__main__":
     demo.launch()
+