improving mobile layout

app.py

@@ -96,36 +96,40 @@ def helper_text(text_input,radio=None):
     return output[0]
 
 # Gradio function for configure the language of UI
-def change_language(radio,text_input,text_output,clear_btn,submit_btn,markdown, markdown_msg1):
+def change_language(radio,text_input,text_output,clear_btn,submit_btn,markdown, markdown_msg1, markdown_msg2):
     if radio == "简体中文":
         index = 0
         text_input_update=gr.Textbox.update(value = chinese_converter.to_simplified(text_input), label = text_input_label[index])
         text_output_update=gr.Textbox.update(value = chinese_converter.to_simplified(text_output),label = text_output_label[index])
         markdown_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown))
         markdown_msg1_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown_msg1))
+        markdown_msg2_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown_msg2))
     elif radio == "繁體中文":
         index = 1
         text_input_update=gr.Textbox.update(value = chinese_converter.to_traditional(text_input),label = text_input_label[index])
         text_output_update=gr.Textbox.update(value = chinese_converter.to_traditional(text_output),label = text_output_label[index])
         markdown_update=gr.Markdown.update(value = chinese_converter.to_traditional(markdown))
         markdown_msg1_update=gr.Markdown.update(value = chinese_converter.to_traditional(markdown_msg1))
+        markdown_msg2_update=gr.Markdown.update(value = chinese_converter.to_traditional(markdown_msg2))
     elif radio == "English":
         index = 2
         text_input_update=gr.Textbox.update(label = text_input_label[index])
         text_output_update=gr.Textbox.update(label = text_output_label[index])
         markdown_update=gr.Markdown.update(value = markdown)
         markdown_msg1_update=gr.Markdown.update(value = markdown_msg1)
+        markdown_msg2_update=gr.Markdown.update(value = markdown_msg2)
     else:
         index = 0
         text_input_update=gr.Textbox.update(label = text_input_label[index])
         text_output_update=gr.Textbox.update(label = text_output_label[index])
         markdown_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown))
         markdown_msg1_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown_msg1))
+        markdown_msg2_update=gr.Markdown.update(value = chinese_converter.to_simplified(markdown_msg2))
 
     clear_btn_update = gr.ClearButton.update(value = clear_label[index])
     submit_btn_update = gr.Button.update(value = submit_label[index])
 
-    return [text_input_update,text_output_update,clear_btn_update,submit_btn_update,markdown_update, markdown_msg1_update ]
+    return [text_input_update,text_output_update,clear_btn_update,submit_btn_update,markdown_update, markdown_msg1_update ,markdown_msg2_update ]
 
 def clear_text():
     text_input_update=gr.Textbox.update(value=None)
@@ -174,25 +178,7 @@ with gr.Blocks() as demo:
                 the eighth lunar month). When people are viewing the flower lanterns, they can guess the riddles on the lanterns together. 
 
                 ----
-
-                # 声明 Disclaimer
-
-                本应用输出的文本为机器基于模型生成的结果，不代表任何人观点，请谨慎辨别和参考。请在法律允许的范围内使用。
-
-                本应用调用了 [ChatYuan-large-v2](https://huggingface.co/ClueAI/ChatYuan-large-v2) 对话语言大模型，\
-                使用本应用前请务必阅读和同意遵守其[使用授权许可证](https://huggingface.co/ClueAI/ChatYuan-large-v2/blob/main/LICENSE)。
-
-                本应用仅供非商业用途。
-
-                The outputs of this application are machine-generated with a statistical model. \
-                The outputs do not reflect any opinions of any human subjects. You must identify the outputs in caution. \
-                It is your responsbility to decide whether to accept the outputs. You must use the applicaiton in obedience to the Law.
-
-                This application utilizes [ChatYuan-large-v2](https://huggingface.co/ClueAI/ChatYuan-large-v2) \
-                Conversational Large Language Model. Before using this application, you must read and accept to follow \
-                the [LICENSE](https://huggingface.co/ClueAI/ChatYuan-large-v2/blob/main/LICENSE).
-
-                This application is for non-commercial use only.
+                ![lantern](file/data/DSC_0105.jpg)
 
                 """
             )
@@ -200,12 +186,31 @@ with gr.Blocks() as demo:
             text_output = gr.Textbox(label=text_output_label[index])
             markdown_msg2 = gr.Markdown(
             """
-            <br/>
-            <br/>
-            <br/>
-            <br/>
+            <br />
+            <br />
+            <br />
+            <br />
+            <br />
+
+            ---
+            # 声明 Disclaimer
+
+            本应用输出的文本为机器基于模型生成的结果，不代表��何人观点，请谨慎辨别和参考。请在法律允许的范围内使用。
+
+            本应用调用了 [ChatYuan-large-v2](https://huggingface.co/ClueAI/ChatYuan-large-v2) 对话语言大模型，\
+            使用本应用前请务必阅读和同意遵守其[使用授权许可证](https://huggingface.co/ClueAI/ChatYuan-large-v2/blob/main/LICENSE)。
+
+            本应用仅供非商业用途。
+
+            The outputs of this application are machine-generated with a statistical model. \
+            The outputs do not reflect any opinions of any human subjects. You must identify the outputs in caution. \
+            It is your responsbility to decide whether to accept the outputs. You must use the applicaiton in obedience to the Law.
+
+            This application utilizes [ChatYuan-large-v2](https://huggingface.co/ClueAI/ChatYuan-large-v2) \
+            Conversational Large Language Model. Before using this application, you must read and accept to follow \
+            the [LICENSE](https://huggingface.co/ClueAI/ChatYuan-large-v2/blob/main/LICENSE).
 
-            ![lantern](file/data/DSC_0105.jpg)
+            This application is for non-commercial use only.
             """)
 
 
@@ -213,8 +218,8 @@ with gr.Blocks() as demo:
 
     submit_btn.click(fn=helper_text, inputs=[text_input,radio], outputs=text_output)
     clear_btn.click(fn=clear_text,outputs=[text_input,text_output])
-    radio.change(fn=change_language,inputs=[radio,text_input,text_output,clear_btn,submit_btn,markdown, markdown_msg1],
-                 outputs=[text_input,text_output,clear_btn,submit_btn, markdown, markdown_msg1])
+    radio.change(fn=change_language,inputs=[radio,text_input,text_output,clear_btn,submit_btn,markdown, markdown_msg1,markdown_msg2],
+                 outputs=[text_input,text_output,clear_btn,submit_btn, markdown, markdown_msg1,markdown_msg2])
 
     #demo = gr.Interface(fn=helper_text, inputs=text_input, outputs=text_output, 
     #                      flagging_options=["Inappropriate"],allow_flagging="never",