Update app.py

app.py

@@ -197,22 +197,23 @@ with gr.Blocks(theme=theme, css=css) as app:
                     clear_prompt =gr.Button("Clear Prompt 🗑️",variant="primary", elem_id="clear_button")
                     clear_prompt.click(lambda: (None), None, [text_prompt], queue=False, show_api=False)
 
-                with gr.Group():
-                    # Image output area to display the generated image
+                with gr.Column(elem_id="app-container"):
+                    with gr.Group():
+                        # Image output area to display the generated image
+                        with gr.Row():
+                            image_output = gr.Image(type="pil", label="Image Output", format="png", show_share_button=False, elem_id="gallery")
+                            
+                        gr.Examples(
+                            examples = examples,    
+                            inputs = [text_prompt],    
+                        )
+    
                     with gr.Row():
-                        image_output = gr.Image(type="pil", label="Image Output", format="png", show_share_button=False, elem_id="gallery")
+                        clear_results = gr.Button(value="Clear Image 🗑️", variant="primary", elem_id="clear_button")
+                        clear_results.click(lambda: (None), None, [image_output], queue=False, show_api=False)
                         
-                    gr.Examples(
-                        examples = examples,    
-                        inputs = [text_prompt],    
-                    )
-
-                with gr.Row():
-                    clear_results = gr.Button(value="Clear Image 🗑️", variant="primary", elem_id="clear_button")
-                    clear_results.click(lambda: (None), None, [image_output], queue=False, show_api=False)
-                    
-                # Bind the button to the query function with the added width and height inputs
-                text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, width, height], outputs=image_output)
+                    # Bind the button to the query function with the added width and height inputs
+                    text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, width, height], outputs=image_output)
   
 
 app.queue(default_concurrency_limit=200, max_size=200)  # <-- Sets up a queue with default parameters