Update app.py

app.py

@@ -287,52 +287,46 @@ with gr.Blocks(css=custom_css, title="Jewellery Photography Preview") as demo:
     status_html.value = _update_status()
     gr.Button("🔄 Check Status").click(fn=_update_status, outputs=status_html)
 
-    # 2‑column layout
-    with gr.Row():
-        # left inputs
-        with gr.Column(scale=0.4):
-            gr.HTML("""
-                <div class="feature-box"">
-                    <h3>🖼️ Upload Jewellery Image</h3>
-                    <p style="color: #666; font-size: 14px;">Select a clear jewellery image for best results</p>
-                </div>
-            """)
-            with gr.Tabs():
-                with gr.TabItem("Setting"):
-                    category = gr.Dropdown(label="Jewellery category", choices=["Rings", "Bracelets", "Watches", "Earrings"], value="Bracelets")
-                    gender = gr.Dropdown(label="Model gender", choices=["male", "female"], value="female")
-            input_img = gr.Image(label="Upload image", type="pil", height=400)
-
-            # Example images
-            gr.Examples(
-                examples=[
-                    ["examples/ring1.jpg"],
-                    ["examples/bracelet1.jpg"],
-                    ["examples/watch1.jpg"],
-                    ["examples/earring1.jpg"],
-                ],
-                inputs=[input_img],
-                label="Example Images",
-            )
-
-        # right outputs
-        with gr.Column():
-            gr.HTML("""
-                <div class="feature-box">
-                    <h3>🎨 AI Generated Results</h3>
-                    <p style="color: #666; font-size: 14px;">Preview overlay detection and final professional background</p>
-                </div>
-            """)
-            info = gr.Markdown(value="...")
+    with gr.Column():
+            with gr.Row():
+                
+                with gr.Column(scale=0.4):
+                    gr.HTML("""
+                    <div class="feature-box"">
+                        <h3>🖼️ Upload Jewellery Image</h3>
+                        <p style="color: #666; font-size: 14px;">Select a clear jewellery image for best results</p>
+                    </div>
+                    """)
+                    gr.Markdown("‎")
+                    gr.Markdown("‎")
+                    input_img = gr.Image(label="Upload image", type="pil", height=400)
+                
+            # with gr.Column():
+                
+                with gr.Column():
+                    gr.HTML("""
+                    <div class="feature-box">
+                        <h3>🎨 AI Generated Results</h3>
+                        <p style="color: #666; font-size: 14px;">Preview overlay detection and final professional background</p>
+                    </div>
+                """)
+                    
+                    with gr.Tabs():
+                        with gr.TabItem("Final result"):
+                            info2 = gr.Markdown(value="### Final result")
+                            out_bg = gr.Image(height=400)
+                        with gr.TabItem("Detection overlay"):
+                            info1 = gr.Markdown(value="### Detection overlay")
+                            out_overlay = gr.Image(height=400)
+                    run_btn = gr.Button("🎯 Generate", elem_id="button", variant="primary")
+                
             with gr.Row():
-                run_btn = gr.Button("🎯 Generate", elem_id="button", variant="primary")
-            with gr.tabs():
-                with gr.TabItem():
-                    info2 = gr.Markdown(value="### Final result")
-                    out_bg = gr.Image(height=400)
-                with gr.TabItem():
-                    info1 = gr.Markdown(value="### Detection overlay")
-                    out_overlay = gr.Image(height=400)
+                    with gr.Column(scale=0.4):
+                        gr.Markdown(value="Setting")
+                        category = gr.Dropdown(label="Jewellery category", choices=["Rings", "Bracelets", "Watches", "Earrings"], value="Bracelets")
+                        gender = gr.Dropdown(label="Model gender", choices=["male", "female"], value="female")
+            
+            
             out_status = gr.Text(label="Status", interactive=False)
         # ──────── Footer ────────
     gr.HTML("""