Update app.py

app.py

@@ -382,7 +382,7 @@ def generate(
         batch_options["prompt"] = options["prompt"][i:i+BATCH_SIZE]
         if "negative_prompt" in batch_options:
             batch_options["negative_prompt"] = options["negative_prompt"][i:i+BATCH_SIZE]
-        images.extend(pipe(**batch_options).images)
+        images.extend((pipe(**batch_options).images), f"label {i}")
 
     image_paths = [save_image(img) for img in images]
     return image_paths, seed
@@ -1225,19 +1225,34 @@ def create_ui():
         like_res=gr.State([])
         dislike_res=gr.State([])
 
-        gr.Markdown(title)
-        gr.Markdown(description)
-        with gr.Row(align="right", visible=False, elem_id="top_row") as top_row:  
-            language = gr.Dropdown(
-            ['English', 'Chinese', 'French', "Spanish", "Arabic", "Portuguese", "Cantonese"],
-            value="English", label="Language", interactive=True, scale=0.2, elem_classes="custom-language"
-        )
-            auto_play = gr.Checkbox(
-            label="Check to autoplay audio", value=False, scale=0.4, elem_classes="custom-autoplay"
-        )
-            output_audio = gr.HTML(
-                label="Synthesised Audio", scale=0.3, elem_classes="custom-output"
-            )
+        with gr.Row(align="right") as main_row:
+            with gr.Column(scale=0.5):
+                # gr.Markdown("Left side content")
+                gr.Markdown(title)
+                gr.Markdown(description)
+            with gr.Column(scale=0.5):
+                with gr.Row(align="right",visible=False) as language_select:
+                    language = gr.Dropdown(
+                        ['English', 'Chinese', 'French', "Spanish", "Arabic", "Portuguese", "Cantonese"],
+                        value="English", label="Language", interactive=True)
+            
+                with gr.Row(align="right",visible=False) as autoplay:
+                    auto_play = gr.Checkbox(label="Check to autoplay audio", value=False,scale=0.4)
+                    output_audio = gr.HTML(label="Synthesised Audio",scale=0.6)
+
+            
+
+        # with gr.Row(align="right", visible=False, elem_id="top_row") as top_row:  
+        #     language = gr.Dropdown(
+        #     ['English', 'Chinese', 'French', "Spanish", "Arabic", "Portuguese", "Cantonese"],
+        #     value="English", label="Language", interactive=True, scale=0.2, elem_classes="custom-language"
+        # )
+        #     auto_play = gr.Checkbox(
+        #     label="Check to autoplay audio", value=False, scale=0.4, elem_classes="custom-autoplay"
+        # )
+        #     output_audio = gr.HTML(
+        #         label="Synthesised Audio", scale=0.3, elem_classes="custom-output"
+        #     )
 
 
         # with gr.Row(align="right",visible=False) as language_select:
@@ -1380,11 +1395,11 @@ def create_ui():
                         with gr.Column(visible=False) as modules_need_gpt3:
                             chat_input = gr.Textbox(show_label=False, placeholder="Enter text and press Enter").style(
                                 container=False)
-                            with gr.Row():
-                                upvote_btn = gr.Button(value="👍 Upvote", interactive=True) 
-                                downvote_btn = gr.Button(value="👎 Downvote", interactive=True) 
+                            with gr.Row(): 
                                 clear_button_text = gr.Button(value="Clear Text", interactive=True)
                                 submit_button_text = gr.Button(value="Send", interactive=True, variant="primary")
+                                upvote_btn = gr.Button(value="👍 Upvote", interactive=True) 
+                                downvote_btn = gr.Button(value="👎 Downvote", interactive=True)
                                 
                                 
                             with gr.Row():
@@ -1490,8 +1505,8 @@ def create_ui():
                         )
             with gr.Column(scale=0.6):
                 result = gr.Gallery(
-                    label="Result", 
-                    columns=4, 
+                    label="Result" 
+                    # columns=4, 
                     # rows=2,
                     # show_label=False, 
                     # allow_preview=True, 
@@ -1500,7 +1515,7 @@ def create_ui():
                     # preview=True, 
                     # show_share_button=True, 
                     # show_download_button=True
-                )
+                ).style(height='auto',columns=4)