Update app.py

app.py

@@ -28,15 +28,16 @@ with gr.Blocks() as demo:
     gr.Markdown("# Raw vs. Embeddings Inference Results")
     gr.Markdown("Select a data percentage and task complexity to view the corresponding inference result for raw channels and embeddings.")
     
-    # Inputs (data percentage and task complexity)
-    with gr.Row():
-        percentage_dropdown = gr.Dropdown(data_percentage_options, label="Percentage of Data for Training", value=10)
-        complexity_radio = gr.Radio(task_complexity_options, label="Task Complexity", value=16)
+    # Add scrollable area for configurations
+    with gr.Scroll(height=150):  # Scrollable area for the configurations
+        with gr.Row():
+            percentage_dropdown = gr.Dropdown(data_percentage_options, label="Percentage of Data for Training", value=10)
+            complexity_radio = gr.Radio(task_complexity_options, label="Task Complexity", value=16)
     
-    # Outputs (display the images side by side)
+    # Outputs (display the images side by side and set a smaller size for the images)
     with gr.Row():
-        raw_img = gr.Image(label="Raw Channels", type="pil", interactive=False)
-        embeddings_img = gr.Image(label="Embeddings", type="pil", interactive=False)
+        raw_img = gr.Image(label="Raw Channels", type="pil", width=300, height=300, interactive=False)  # Smaller image size
+        embeddings_img = gr.Image(label="Embeddings", type="pil", width=300, height=300, interactive=False)  # Smaller image size
     
     # Trigger image updates when inputs change
     percentage_dropdown.change(fn=display_images, inputs=[percentage_dropdown, complexity_radio], outputs=[raw_img, embeddings_img])