css update

app.py

@@ -143,52 +143,29 @@ sample = ds[1]
 img, target = sample["image"], sample["remaining_lifespan"]
 img.save("example.jpg") 
 
-cus="""
+
+demo = gr.Interface(
+    fn=predict,
+    inputs=gr.Image(type="pil", sources=["upload", "webcam"], label="Face Photo"),
+    outputs=gr.HTML(label="Prediction", elem_id="pred-box"), 
+    live=False,
+    title="Lifespan Predictor (Demo)",
+    description="Upload or take a face photo. Model predicts remaining lifespan (years).",
+    examples=[["example.jpg"]]  # 👈 make sure example.jpg exists in repo
+)
+
+# Add CSS to fix height + center content
+demo = demo.set_theme("default").css("""
 #pred-box {
+    height: 500px;               /* fixed height to match image */
     display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 400px;   /* match image height */
-    font-size: 36px;
+    justify-content: center;     /* horizontal center */
+    align-items: center;         /* vertical center */
+    font-size: 42px;             /* bigger text */
     font-weight: bold;
     color: #2E86AB;
     text-align: center;
 }
-"""
-
-with gr.Blocks(css=cus) as demo:
-    gr.Markdown("## Lifespan Predictor (Demo)")
-
-    with gr.Row(equal_height=True):   # 👈 this forces same height
-        with gr.Column(scale=1):
-            img_input = gr.Image(
-                type="pil",
-                sources=["upload", "webcam"],
-                label="Face Photo",
-                height=400,  # set fixed height
-            )
-            # 👇 Add example(s) here
-            gr.Examples(
-                examples=["example.jpg"],   # can be local file, or multiple files
-                inputs=img_input,
-                label="Try an Example"
-            )
-        with gr.Column(scale=1):
-            output = gr.HTML(label="Prediction", elem_id="pred-box")
-
-    img_input.change(fn=predict, inputs=img_input, outputs=output)
-
-# demo.queue()
-
-# demo = gr.Interface(
-#     fn=predict,
-#     inputs=gr.Image(type="pil", sources=["upload", "webcam"], label="Face Photo"),
-#     outputs=gr.HTML(label="Prediction"),
-#     live=False,
-#     title="Lifespan Predictor (Demo)",
-#     description="Upload or take a face photo. Model predicts remaining lifespan (years).",
-#     examples=[["example.jpg"]]  # 👈 make sure example.jpg exists in repo
-# )
-
+""")
 if __name__ == "__main__":
     demo.launch()