Update app.py

app.py

@@ -322,71 +322,68 @@ def app_gradio():
             
                 # define root_path
                 root_path = "resource/demo/example"
+                
                 # First column
                 with gr.Column(scale=1, min_width=350):
                     # Person image
-                    with gr.Row():
-                        with gr.Column(scale=1, min_width=230):
-                            image_path = gr.Image(
-                                type="filepath",
-                                interactive=True,
-                                visible=False,
-                            )
-                            person_image = gr.ImageEditor(
-                                interactive=True, label="Person Image", type="filepath"
-                            )
-                        # Mask instruction
-                        with gr.Row():
-                            with gr.Column(scale=1, min_width=230):
-                                gr.Markdown(
-                                    '<span style="color: #808080; font-size: small;">Two ways to provide Mask:<br>1. Upload the person image and use the `🖌️` above to draw the Mask (higher priority)<br>2. Select the `Try-On Cloth Type` to generate automatically </span>'
-                                )
-                                cloth_type = gr.Radio(
-                                    label="Try-On Cloth Type",
-                                    choices=["upper", "lower", "overall"],
-                                    value="upper",
-                                )
-                        # Model column examples
-                        with gr.Row():
-                            with gr.Column(scale=1, min_width=230):
-                                # Men examples
-                                men_exm = gr.Examples(
-                                    examples=[
-                                        os.path.join(root_path, "person", "men", _)
-                                        for _ in os.listdir(os.path.join(root_path, "person", "men"))
-                                    ],
-                                    examples_per_page=4,
-                                    inputs=image_path,
-                                    label="Person Examples ①",
-                                )
-                                # Women examples
-                                women_exm = gr.Examples(
-                                    examples=[
-                                        os.path.join(root_path, "person", "women", _)
-                                        for _ in os.listdir(os.path.join(root_path, "person", "women"))
-                                    ],
-                                    examples_per_page=4,
-                                    inputs=image_path,
-                                    label="Person Examples ②",
-                                )
-                                # Markdown: component display text in Gradio
-                                gr.Markdown(
-                                    '<span style="color: #808080; font-size: small;">*Person examples come from the demos of <a href="https://huggingface.co/spaces/levihsu/OOTDiffusion">OOTDiffusion</a> and <a href="https://www.outfitanyone.org">OutfitAnyone</a>. </span>'
-                                )
-                                # # Person pose example
-                                # condition_person_exm = gr.Examples(
-                                #     examples=[
-                                #         os.path.join(root_path, "condition", "person", _)
-                                #         for _ in os.listdir(os.path.join(root_path, "condition", "person"))
-                                #     ],
-                                #     examples_per_page=4,
-                                #     inputs=cloth_image,
-                                #     label="Condition Reference Person Examples",
-                                # )
-                                # # Display text
-                                # gr.Markdown(
-                                #     '<span style="color: #808080; font-size: small;">*Condition examples come from the Internet. </span>'
-                                # )                       
+                    image_path = gr.Image(
+                        type="filepath",
+                        interactive=True,
+                        visible=False,
+                    )
+                    person_image = gr.ImageEditor(
+                        interactive=True, label="Person Image", type="filepath"
+                    )
+                        
+                    # Mask instruction
+                    gr.Markdown(
+                        '<span style="color: #808080; font-size: small;">Two ways to provide Mask:<br>1. Upload the person image and use the `🖌️` above to draw the Mask (higher priority)<br>2. Select the `Try-On Cloth Type` to generate automatically </span>'
+                    )
+                    cloth_type = gr.Radio(
+                        label="Try-On Cloth Type",
+                        choices=["upper", "lower", "overall"],
+                        value="upper",
+                    )
+                    
+                    # Model column examples
+                    # Men examples
+                    men_exm = gr.Examples(
+                        examples=[
+                            os.path.join(root_path, "person", "men", _)
+                            for _ in os.listdir(os.path.join(root_path, "person", "men"))
+                        ],
+                        examples_per_page=4,
+                        inputs=image_path,
+                        label="Person Examples ①",
+                    )
+                    # Women examples
+                    women_exm = gr.Examples(
+                        examples=[
+                            os.path.join(root_path, "person", "women", _)
+                            for _ in os.listdir(os.path.join(root_path, "person", "women"))
+                        ],
+                        examples_per_page=4,
+                        inputs=image_path,
+                        label="Person Examples ②",
+                    )
+                    # Markdown: component display text in Gradio
+                    gr.Markdown(
+                        '<span style="color: #808080; font-size: small;">*Person examples come from the demos of <a href="https://huggingface.co/spaces/levihsu/OOTDiffusion">OOTDiffusion</a> and <a href="https://www.outfitanyone.org">OutfitAnyone</a>. </span>'
+                    )
+                    # # Person pose example
+                    # condition_person_exm = gr.Examples(
+                    #     examples=[
+                    #         os.path.join(root_path, "condition", "person", _)
+                    #         for _ in os.listdir(os.path.join(root_path, "condition", "person"))
+                    #     ],
+                    #     examples_per_page=4,
+                    #     inputs=cloth_image,
+                    #     label="Condition Reference Person Examples",
+                    # )
+                    # # Display text
+                    # gr.Markdown(
+                    #     '<span style="color: #808080; font-size: small;">*Condition examples come from the Internet. </span>'
+                    # )                       
                         
                 # Second column    
                 with gr.Column(scale=1, min_width=350):