Update app.py

app.py

@@ -257,22 +257,32 @@ with image_blocks as demo:
             example = gr.Examples(inputs=inp_img, examples_per_page=10, examples=human_ex_list)
     
         with gr.Column(scale=1):
-            with gr.Row():
-                topwear_image = gr.Image(label="Topwear", sources='upload', type="pil")
+            with gr.Row(elem_id="TopWear-container"):
+                with gr.Row():
+                    topwear_image = gr.Image(label="Topwear", sources='upload', type="pil")
                 with gr.Row():
                     topwear_desc = gr.Textbox(placeholder="Description of garment ex) Short Sleeve Round Neck T-shirts", show_label=False, elem_id="prompt")
-                example = gr.Examples(inputs=[topwear_image,topwear_desc], examples_per_page=4,examples=topwear_ex_list)
-            with gr.Row():
-                bottomwear_image = gr.Image(label="Bottomwear", sources='upload', type="pil")
+                    example = gr.Examples(inputs=[topwear_image,topwear_desc], examples_per_page=4,examples=topwear_ex_list)
+            with gr.Row(elem_id="BottomWear-container"):
+                with gr.Row():
+                    bottomwear_image = gr.Image(label="Bottomwear", sources='upload', type="pil")
                 with gr.Row():
                     bottomwear_desc = gr.Textbox(placeholder="Description of garment ex) Cargo pants", show_label=False, elem_id="prompt")
                 example = gr.Examples(inputs=[bottomwear_image,bottomwear_desc], examples_per_page=4, examples=bottomwear_ex_list)
-            with gr.Row():
-                dress_image = gr.Image(label="Dress", sources='upload', type="pil")
+            with gr.Row(elem_id="Dress-container"):
+                with gr.Row():
+                    dress_image = gr.Image(label="Dress", sources='upload', type="pil")
                 with gr.Row():
                     dress_desc = gr.Textbox(placeholder="Description of garment ex) Jumper suit", show_label=False, elem_id="prompt")
                 example = gr.Examples(inputs=[dress_image,dress_desc], examples_per_page=4, examples=dress_ex_list)
 
+    with gr.Column():
+        with gr.Accordion(label="Advanced Settings", open=False):
+            with gr.Row():
+                denoise_steps = gr.Number(label="Denoising Steps", minimum=20, maximum=40, value=26, step=1)
+                seed = gr.Number(label="Seed", minimum=-1, maximum=2147483647, step=1, value=42)
+        try_button = gr.Button(value="Try-on",variant='primary')
+
     with gr.Row():
         with gr.Column():
             # image_out = gr.Image(label="Output", elem_id="output-img", height=400)
@@ -281,14 +291,6 @@ with image_blocks as demo:
                 image_in = gr.Image(label="Midway Image", elem_id="midway-img",show_share_button=False)
                 masked_img = gr.Image(label="Masked image output", elem_id="masked-img",show_share_button=False)
 
-    with gr.Column():
-        with gr.Accordion(label="Advanced Settings", open=False):
-            with gr.Row():
-                denoise_steps = gr.Number(label="Denoising Steps", minimum=20, maximum=40, value=30, step=1)
-                seed = gr.Number(label="Seed", minimum=-1, maximum=2147483647, step=1, value=42)
-        try_button = gr.Button(value="Try-on",variant='secondary')
-
-
     try_button.click(fn=main_, inputs=[inp_img,topwear_image,topwear_desc,bottomwear_image,bottomwear_desc,dress_image,dress_desc,is_checked,is_checked_crop,denoise_steps,seed],
                      outputs=[image_in, image_out, masked_img], api_name='tryon')