with gr.Column(scale=2): # 2/3 的宽度

app.py

@@ -122,34 +122,24 @@ def main_function(password: str, theme: str, language: str, method: str, rounds:
 
 
 if __name__ == "__main__":
-
-    password = gr.Textbox(label="输入密码", type="password")
-    theme = gr.Textbox(label="對話主題")  # 加入 theme 的輸入框，設定預設值為 '購物'
-    language = gr.Dropdown(choices=["中文", "英文"], label="語言")
-    generation_mode = gr.Dropdown(choices=["auto", "manual"], label="生成方式")
-    rounds = gr.Slider(minimum=2, maximum=6, step=2, label="對話輪數")
-    char1_name = gr.Textbox(label="角色 1 名稱")
-    char1_gender = gr.Dropdown(choices=["male", "female"], label="角色 1 性別")
-    char2_name = gr.Textbox(label="角色 2 名稱")
-    char2_gender = gr.Dropdown(choices=["male", "female"], label="角色 2 性別")
-
-    chat_output = gr.Chatbot(label="生成的對話")
-    json_file = gr.File(label="下載對話 JSON 文件")
-    json_textbox = gr.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
-
     with gr.Blocks() as demo:  # 使用 'light' 主题作为默认值
         # Header 或其他组件可以在这里添加，如果有需要
         with gr.Row():
+            with gr.Column(scale=2):  # 2/3 的宽度
+                chat_output = gr.Chatbot(label="生成的對話")
+                json_file = gr.File(label="下載對話 JSON 文件")
+                json_textbox = gr.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
+
             with gr.Column(scale=1):  # 1/3 的宽度
-                password 
-                theme
-                language
-                generation_mode
-                rounds
-                char1_name
-                char1_gender
-                char2_name
-                char2_gender
+                password = gr.Textbox(label="输入密码", type="password")
+                theme = gr.Textbox(label="對話主題")  # 加入 theme 的輸入框，設定預設值為 '購物'
+                language = gr.Dropdown(choices=["中文", "英文"], label="語言")
+                generation_mode = gr.Dropdown(choices=["auto", "manual"], label="生成方式")
+                rounds = gr.Slider(minimum=2, maximum=6, step=2, label="對話輪數")
+                char1_name = gr.Textbox(label="角色 1 名稱")
+                char1_gender = gr.Dropdown(choices=["male", "female"], label="角色 1 性別")
+                char2_name = gr.Textbox(label="角色 2 名稱")
+                char2_gender = gr.Dropdown(choices=["male", "female"], label="角色 2 性別")
 
                 # 在这里添加提交和清除按鈕
                 submit_button = gr.Button("Submit")
@@ -157,10 +147,8 @@ if __name__ == "__main__":
                 submit_button.click(main_function, [password, theme, language, generation_mode, rounds, char1_name, char1_gender, char2_name, char2_gender], [chat_output, json_file, json_textbox])
                 clear_button.click(lambda: None, None, [chat_output, json_file, json_textbox], queue=False)
 
-            with gr.Column(scale=2):  # 2/3 的宽度
-                chat_output
-                json_file
-                json_textbox
+
+            
     # 可以添加其他交互逻辑和按钮事件，如果有需要
 
     demo.launch(inline=False, share=True)