Update app_gradio.py

app_gradio.py

@@ -243,26 +243,7 @@ def create_gradio_interface():
                         step=0.1, 
                         label="Motion Strength"
                     )
-
-                gr.Examples(
-                    examples=[
-                        ['./static/examples/sketch1.png', 'The camel walks slowly'],
-                        ['./static/examples/sketch2.png', 'The wine in the wine glass sways from side to side'],
-                        ['./static/examples/sketch3.png', 'The squirrel is eating a nut'],
-                        ['./static/examples/sketch4.png', 'The surfer surfs on the waves'],
-                        ['./static/examples/sketch5.png', 'A galloping horse'],
-                        ['./static/examples/sketch6.png', 'The cat walks forward'],
-                        ['./static/examples/sketch7.png', 'The eagle flies in the sky'],
-                        ['./static/examples/sketch8.png', 'The flower is blooming slowly'],
-                        ['./static/examples/sketch9.png', 'The reindeer looks around'],
-                        ['./static/examples/sketch10.png', 'The cloud floats in the sky'],
-                        ['./static/examples/sketch11.png', 'The jazz saxophonist performs on stage with a rhythmic sway, his upper body sways subtly to the rhythm of the music.'],
-                        ['./static/examples/sketch12.png', 'The biker rides on the road']
-                   ],
-                   inputs=[input_sketch, motion_prompt],
-                   examples_per_page=4
-               )
-                
+   
             with gr.Column():          
                 with gr.Tab("Main"):
                     input_sketch = gr.Image(
@@ -291,7 +272,28 @@ def create_gradio_interface():
                     elem_classes="generate-btn",
                     interactive=True,
                 )
-
+        
+        with gr.Row():
+            with gr.Column():
+                gr.Examples(
+                    examples=[
+                        ['./static/examples/sketch1.png', 'The camel walks slowly'],
+                        ['./static/examples/sketch2.png', 'The wine in the wine glass sways from side to side'],
+                        ['./static/examples/sketch3.png', 'The squirrel is eating a nut'],
+                        ['./static/examples/sketch4.png', 'The surfer surfs on the waves'],
+                        ['./static/examples/sketch5.png', 'A galloping horse'],
+                        ['./static/examples/sketch6.png', 'The cat walks forward'],
+                        ['./static/examples/sketch7.png', 'The eagle flies in the sky'],
+                        ['./static/examples/sketch8.png', 'The flower is blooming slowly'],
+                        ['./static/examples/sketch9.png', 'The reindeer looks around'],
+                        ['./static/examples/sketch10.png', 'The cloud floats in the sky'],
+                        ['./static/examples/sketch11.png', 'The jazz saxophonist performs on stage with a rhythmic sway, his upper body sways subtly to the rhythm of the music.'],
+                        ['./static/examples/sketch12.png', 'The biker rides on the road']
+                   ],
+                   inputs=[input_sketch, motion_prompt],
+                   examples_per_page=4
+               )
+            with gr.Column():
                 output_gallery = gr.Gallery(
                     label="Results",
                     elem_classes="output-gallery",