Upload gradio_app.py

gradio_app.py

@@ -229,22 +229,18 @@ def generate_and_process_3d(image: Image.Image) -> tuple[str | None, str | None]
         traceback.print_exc()
         return None, None
 
+css = """
+.image { margin: 0px auto; object-fit: contain; !important; }
+.info { align-items: center; text-align: center; }
+"""
+
 # Create Gradio app using Blocks
-with gr.Blocks() as demo:
-    gr.Markdown("This space is based on [Stable Point-Aware 3D](https://huggingface.co/spaces/stabilityai/stable-point-aware-3d) by Stability AI, [Text to 3D](https://huggingface.co/spaces/jbilcke-hf/text-to-3d) by jbilcke-hf.")
+with gr.Blocks(theme=gr.themes.Soft(), fill_width=True, fill_height=True, elem_id="container", css=css) as demo:
+    gr.Markdown("This space is based on [Stable Point-Aware 3D](https://huggingface.co/spaces/stabilityai/stable-point-aware-3d) by Stability AI, [Text to 3D](https://huggingface.co/spaces/jbilcke-hf/text-to-3d) by jbilcke-hf.", elem_classes="info")
     
-    with gr.Row():
-        input_img = gr.Image(
-            type="pil", label="Input Image", sources="upload", image_mode="RGBA"
-        )
-
-    with gr.Row():
-        model_output = gr.Model3D(
-            label="Generated .GLB model",
-            clear_color=[0.0, 0.0, 0.0, 0.0],
-            visible=False
-        )
-        output_url = gr.Textbox(label="Output URL", value="", lines=1, interactive=False, visible=True)
+    input_img = gr.Image(type="pil", label="Input Image", sources="upload", image_mode="RGBA", width=128, elem_classes="image")
+    model_output = gr.Model3D(label="Generated .GLB model", clear_color=[0.0, 0.0, 0.0, 0.0])
+    output_url = gr.Textbox(label="Output URL", value="", lines=1, interactive=False, visible=True, show_copy_button=True)
 
     # Event handler
     input_img.upload(