Adjust the layout

app.py

@@ -263,7 +263,7 @@ if __name__ == "__main__":
                                                     show_label=True,
                                                     interactive=True,
                                                     )
-                        with gr.Row().style(mobile_collapse=False, equal_height=True):
+                        with gr.Row().style(mobile_collapse=False, equal_height=True,visible=False):
                             sr_option = gr.Checkbox(value=False, label="是否使用超分(Whether to use super-resolution)")
 
                     gallery = gr.Gallery(
@@ -277,10 +277,12 @@ if __name__ == "__main__":
                                 margin=False,
                                 rounded=(True, True, True, True),
                             )
-                        output_txt2img_sr_btn = gr.Button("将选择的图片进行超分").style(
+                        output_txt2img_sr_btn = gr.Button("将选择的图片进行超分(super-resolution)").style(
                                 margin=False,
                                 rounded=(True, True, True, True),
                             )
+                    move_prompt_zh = gr.Markdown("请移至图生图部分进行编辑(拉到顶部)", visible=False)
+                    move_prompt_en = gr.Markdown("Please move to the img2img section for editing(Pull to the top)", visible=False)
                     sr_gallery = gr.Gallery(
                         label="SR images", show_label=True, elem_id="sr_gallery"
                     ).style(grid=[2], height="auto")
@@ -341,8 +343,9 @@ if __name__ == "__main__":
                             image_mode="RGBA",
                             elem_id="img2img_editor"
                         )
-
-                        with gr.Tabs():
+                        gr.Markdown('请选择一张图像掩盖掉一部分区域,并输入文本描述')
+                        gr.Markdown('Please select an image to cover up a part of the area and enter a text description.')
+                        with gr.Tabs(visible=False):
                             with gr.TabItem("编辑设置"):
                                 with gr.Row():
                                     # disable Uncrop for now
@@ -473,7 +476,7 @@ if __name__ == "__main__":
                 output_txt2img_copy_to_input_btn.click(
                     uifn.copy_img_to_input,
                     [gallery, img_choices],
-                    [tabs, img2img_image_editor, img2img_image_mask],
+                    [tabs, img2img_image_editor, img2img_image_mask, move_prompt_zh, move_prompt_en],
                 )
 
                 # go_to_img2img_btn.click(

ui_functions.py

@@ -100,7 +100,9 @@ def copy_img_to_input(img, idx):
         processed_image = Image.open(BytesIO(base64.b64decode(image_data)))
         tab_update = gr.update(selected='img2img_tab')
         img_update = gr.update(value=processed_image)
-        return tab_update,processed_image, processed_image
+        move_prompt_zh_update = gr.update(visible=True)
+        move_prompt_en_update = gr.update(visible=True)
+        return tab_update,processed_image, processed_image, move_prompt_zh_update, move_prompt_en_update
     except IndexError:
         return [None, None]