Update app.py

app.py

@@ -238,43 +238,42 @@ with image_blocks as demo:
     gr.HTML("<center><h1>Virtual Try-On</h1></center>")
     gr.HTML("<center><p>Upload an image of a person and images of the clothes✨</p></center>")
 
-    with gr.Column():
-        inp_img = gr.ImageEditor(sources='upload', type="pil", label='Human. Mask with pen or use auto-masking', interactive=True)
-        with gr.Row():
-            is_checked = gr.Checkbox(label="Yes", info="Use auto-generated mask (Takes 5 seconds)",value=True)
-        with gr.Row():
-            is_checked_crop = gr.Checkbox(label="Yes", info="Use auto-crop & resizing",value=False)
-        example = gr.Examples(inputs=inp_img, examples_per_page=10, examples=human_ex_list)
-
-    with gr.Column():
-        with gr.Row():
-            topwear_image = gr.Image(label="Topwear", sources='upload', type="pil")
-            with gr.Row(elem_id="topwear-prompt-container"):
-                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, examples_per_page=8,examples=topwear_list_path)
-        with gr.Row():
-            bottomwear_image = gr.Image(label="Bottomwear", sources='upload', type="pil")
-            with gr.Row(elem_id="bottomwear-prompt-container"):
-                with gr.Row():
-                    bottomwear_desc = gr.Textbox(placeholder="Description of garment ex) Short Sleeve Round Neck T-shirts", show_label=False, elem_id="prompt")
-            example = gr.Examples(inputs=bottomwear_image, examples_per_page=8, examples=bottomwear_list_path)
-        with gr.Row():
-            dress_image = gr.Image(label="Dress", sources='upload', type="pil")
-            with gr.Row(elem_id="dress-prompt-container"):
-                with gr.Row():
-                    dress_desc = gr.Textbox(placeholder="Description of garment ex) Short Sleeve Round Neck T-shirts", show_label=False, elem_id="prompt")
-            example = gr.Examples(inputs=dress_image, examples_per_page=8, examples=dress_list_path)
-
-    with gr.Column():
-        # image_out = gr.Image(label="Output", elem_id="output-img", height=400)
-        image_out = gr.Image(label="Output", elem_id="output-img",show_share_button=False)
-        with gr.Accordion("Debug Info", open=False):
-            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.Row():
+        with gr.Column():
+            inp_img = gr.ImageEditor(sources='upload', type="pil", label='Human. Mask with pen or use auto-masking', interactive=True)
+            with gr.Row():
+                is_checked = gr.Checkbox(label="Yes", info="Use auto-generated mask (Takes 5 seconds)",value=True)
+            with gr.Row():
+                is_checked_crop = gr.Checkbox(label="Yes", info="Use auto-crop & resizing",value=False)
+            example = gr.Examples(inputs=inp_img, examples_per_page=10, examples=human_ex_list)
+    
+        with gr.Column():
+            with gr.Row():
+                topwear_image = gr.Image(label="Topwear", sources='upload', type="pil")
+                with gr.Row(elem_id="topwear-prompt-container"):
+                    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, examples_per_page=8,examples=topwear_list_path)
+            with gr.Row():
+                bottomwear_image = gr.Image(label="Bottomwear", sources='upload', type="pil")
+                with gr.Row(elem_id="bottomwear-prompt-container"):
+                    with gr.Row():
+                        bottomwear_desc = gr.Textbox(placeholder="Description of garment ex) Short Sleeve Round Neck T-shirts", show_label=False, elem_id="prompt")
+                example = gr.Examples(inputs=bottomwear_image, examples_per_page=8, examples=bottomwear_list_path)
+            with gr.Row():
+                dress_image = gr.Image(label="Dress", sources='upload', type="pil")
+                with gr.Row(elem_id="dress-prompt-container"):
+                    with gr.Row():
+                        dress_desc = gr.Textbox(placeholder="Description of garment ex) Short Sleeve Round Neck T-shirts", show_label=False, elem_id="prompt")
+                example = gr.Examples(inputs=dress_image, examples_per_page=8, examples=dress_list_path)
+
+    with gr.Row():
+        with gr.Column():
+            # image_out = gr.Image(label="Output", elem_id="output-img", height=400)
+            image_out = gr.Image(label="Output", elem_id="output-img",show_share_button=False)
+            with gr.Accordion("Debug Info", open=False):
+                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):