Update app_merged.py

app_merged.py

@@ -1592,78 +1592,82 @@ with gr.Blocks() as app:
 
                 
             with gr.Column():
-                result_gallery = gr.Gallery(height=832, object_fit='contain', label='Outputs')
-                with gr.Group():
-                    gr.Markdown("Outpaint")
-                    with gr.Row():
-                        with gr.Column(scale=2):
-                            prompt_fill = gr.Textbox(label="Prompt (Optional)")
-                        with gr.Column(scale=1):
-                            fill_button = gr.Button("Generate")
-                    target_ratio = gr.Radio(
-                        label="Image Ratio",
-                        choices=["9:16", "16:9", "1:1", "Custom"],
-                        value="9:16",
-                        scale=3
-                    )
-                    alignment_dropdown = gr.Dropdown(
-                        choices=["Middle", "Left", "Right", "Top", "Bottom"],
-                        value="Middle",
-                        label="Alignment",
-                    )
-                    resize_option = gr.Radio(
-                        label="Resize input image",
-                        choices=["Full", "75%", "50%", "33%", "25%", "Custom"],
-                        value="75%"
-                    )
-                    custom_resize_percentage = gr.Slider(
-                        label="Custom resize (%)",
-                        minimum=1,
-                        maximum=100,
-                        step=1,
-                        value=50,
-                        visible=False
-                    )
-
-                    fill_result = gr.Image(
-                        interactive=False,
-                        label="Generated Image",
-                    )
-                    
-                    with gr.Accordion(label="Advanced settings", open=False) as settings_panel:
-                        with gr.Column():
+
+                with gr.Row():
+                    with gr.Column(scale=3)
+                        result_gallery = gr.Image(height=832, object_fit='contain', label='Outputs')
+                    with gr.Column(scale=1)
+                        with gr.Group():
+                            gr.Markdown("Outpaint")
                             with gr.Row():
-                                width_slider = gr.Slider(
-                                    label="Target Width",
-                                    minimum=720,
-                                    maximum=1536,
-                                    step=8,
-                                    value=720,
-                                )
-                                height_slider = gr.Slider(
-                                    label="Target Height",
-                                    minimum=720,
-                                    maximum=1536,
-                                    step=8,
-                                    value=1280,
-                                )
-                            
-                            num_inference_steps = gr.Slider(label="Steps", minimum=2, maximum=50, step=1, value=28)
-                            with gr.Group():
-                                overlap_percentage = gr.Slider(
-                                    label="Mask overlap (%)",
-                                    minimum=1,
-                                    maximum=50,
-                                    value=10,
-                                    step=1
-                                )
-                                with gr.Row():
-                                    overlap_top = gr.Checkbox(label="Overlap Top", value=True)
-                                    overlap_right = gr.Checkbox(label="Overlap Right", value=True)
-                                with gr.Row():
-                                    overlap_left = gr.Checkbox(label="Overlap Left", value=True)
-                                    overlap_bottom = gr.Checkbox(label="Overlap Bottom", value=True)
+                                with gr.Column(scale=2):
+                                    prompt_fill = gr.Textbox(label="Prompt (Optional)")
+                                with gr.Column(scale=1):
+                                    fill_button = gr.Button("Generate")
+                            target_ratio = gr.Radio(
+                                label="Image Ratio",
+                                choices=["9:16", "16:9", "1:1", "Custom"],
+                                value="9:16",
+                                scale=3
+                            )
+                            alignment_dropdown = gr.Dropdown(
+                                choices=["Middle", "Left", "Right", "Top", "Bottom"],
+                                value="Middle",
+                                label="Alignment",
+                            )
+                            resize_option = gr.Radio(
+                                label="Resize input image",
+                                choices=["Full", "75%", "50%", "33%", "25%", "Custom"],
+                                value="75%"
+                            )
+                            custom_resize_percentage = gr.Slider(
+                                label="Custom resize (%)",
+                                minimum=1,
+                                maximum=100,
+                                step=1,
+                                value=50,
+                                visible=False
+                            )
+        
+                            fill_result = gr.Image(
+                                interactive=False,
+                                label="Generated Image",
+                            )
                             
+                            with gr.Accordion(label="Advanced settings", open=False) as settings_panel:
+                                with gr.Column():
+                                    with gr.Row():
+                                        width_slider = gr.Slider(
+                                            label="Target Width",
+                                            minimum=720,
+                                            maximum=1536,
+                                            step=8,
+                                            value=720,
+                                        )
+                                        height_slider = gr.Slider(
+                                            label="Target Height",
+                                            minimum=720,
+                                            maximum=1536,
+                                            step=8,
+                                            value=1280,
+                                        )
+                                    
+                                    num_inference_steps = gr.Slider(label="Steps", minimum=2, maximum=50, step=1, value=28)
+                                    with gr.Group():
+                                        overlap_percentage = gr.Slider(
+                                            label="Mask overlap (%)",
+                                            minimum=1,
+                                            maximum=50,
+                                            value=10,
+                                            step=1
+                                        )
+                                        with gr.Row():
+                                            overlap_top = gr.Checkbox(label="Overlap Top", value=True)
+                                            overlap_right = gr.Checkbox(label="Overlap Right", value=True)
+                                        with gr.Row():
+                                            overlap_left = gr.Checkbox(label="Overlap Left", value=True)
+                                            overlap_bottom = gr.Checkbox(label="Overlap Bottom", value=True)
+                                    
 
                 with gr.Row():
                     with gr.Group():