Update app.py

app.py

@@ -74,7 +74,7 @@ def model_inference(
     return generated_texts[0]
 
 
-with gr.Blocks() as demo:
+with gr.Blocks(fill_height=True) as demo:
     gr.Markdown("## SmolVLM: Small yet Mighty 💫")
     gr.Markdown("Play with [HuggingFaceTB/SmolVLM-Instruct](https://huggingface.co/HuggingFaceTB/SmolVLM-Instruct) in this demo. To get started, upload an image and text or try one of the examples.")
     with gr.Column():
@@ -87,8 +87,21 @@ with gr.Blocks() as demo:
 
         
         
-        with gr.Accordion(label="Advanced Generation Parameters", open=False):
-
+        with gr.Accordion(label="Examples and Advanced Generation Parameters", open=False):
+            examples=[
+                    ["example_images/rococo.jpg", "What art era is this?", None, "Greedy", 0.4, 512, 1.2, 0.8],
+                    ["example_images/examples_wat_arun.jpg", "Give me travel tips for the area around this monument.", None, "Greedy", 0.4, 512, 1.2, 0.8],
+                    ["example_images/examples_invoice.png", "What is the due date and the invoice date?", None, "Greedy", 0.4, 512, 1.2, 0.8],
+                    ["example_images/s2w_example.png", "What is this UI about?", None, "Greedy", 0.4, 512, 1.2, 0.8],
+                    ["example_images/examples_weather_events.png", "Where do the severe droughts happen according to this diagram?", None, "Greedy", 0.4, 512, 1.2, 0.8],
+            ]
+            gr.Examples(
+                        examples = examples,
+                        inputs=[image_input, query_input, assistant_prefix, decoding_strategy, temperature,
+                                                              max_new_tokens, repetition_penalty, top_p],
+                        outputs=output,
+                        fn=model_inference, cache_examples=False
+                    )
             # Hyper-parameters for generation
             max_new_tokens = gr.Slider(
                 minimum=8,
@@ -159,20 +172,7 @@ with gr.Blocks() as demo:
                 inputs=decoding_strategy,
                 outputs=top_p,
             )
-        examples=[
-                    ["example_images/rococo.jpg", "What art era is this?", None, "Greedy", 0.4, 512, 1.2, 0.8],
-                    ["example_images/examples_wat_arun.jpg", "Give me travel tips for the area around this monument.", None, "Greedy", 0.4, 512, 1.2, 0.8],
-                    ["example_images/examples_invoice.png", "What is the due date and the invoice date?", None, "Greedy", 0.4, 512, 1.2, 0.8],
-                    ["example_images/s2w_example.png", "What is this UI about?", None, "Greedy", 0.4, 512, 1.2, 0.8],
-                    ["example_images/examples_weather_events.png", "Where do the severe droughts happen according to this diagram?", None, "Greedy", 0.4, 512, 1.2, 0.8],
-        ]
-        gr.Examples(
-                        examples = examples,
-                        inputs=[image_input, query_input, assistant_prefix, decoding_strategy, temperature,
-                                                              max_new_tokens, repetition_penalty, top_p],
-                        outputs=output,
-                        fn=model_inference, cache_examples=False
-                    )
+        
         
 
         submit_btn.click(model_inference, inputs = [image_input, query_input, assistant_prefix, decoding_strategy, temperature,