Update app.py

app.py

@@ -90,8 +90,12 @@ with gr.Blocks() as demo:
         input_box = gr.Textbox(label="請輸入蛛絲馬跡號碼", placeholder="例如: 11", lines=1)
         query_button = gr.Button("查詢")
     
-    output_box = gr.Textbox(label="查詢結果", interactive=False)
-    image_output = gr.Image(label="嫌疑犯圖片", visible=True)
+    with gr.Row():
+        with gr.Column():
+            output_box = gr.Textbox(label="查詢結果", interactive=False)
+        with gr.Column():
+            image_output = gr.Image(label="嫌疑犯圖片", visible=True, elem_id="image-small")
+    
     indirect_button = gr.Button("間接證據", visible=False)
     indirect_output = gr.Textbox(label="間接證據內容", interactive=False, visible=False)
     reset_button = gr.Button("重新查詢")
@@ -113,5 +117,13 @@ with gr.Blocks() as demo:
         outputs=[input_box, indirect_button, indirect_output, output_box, image_output]
     )
 
+# Add custom CSS for image size
+css = """
+#image-small img {
+    max-width: 150px;
+    max-height: 150px;
+}
+"""
+
 # Launch the Gradio app
-demo.launch()
+demo.launch(css=css)