Update app.py

app.py

@@ -140,13 +140,12 @@ def create_chat_interface():
         min-height: 400px; /* 设置最小高度 */
         overflow-y: auto;
         padding: 15px;
-        display: flex;
-        flex-direction: column;
     }
     .chatbot-row {
         margin-bottom: 10px;
         display: flex;
         align-items: start; /* 对齐消息气泡顶部 */
+        gap: 10px; /* 消息之间的间距 */
     }
     .chatbot .user {
         justify-content: flex-end;
@@ -166,28 +165,17 @@ def create_chat_interface():
         background-color: #dcf8c6; /* 更清新的用户消息背景 */
         color: #333;
         border-top-right-radius: 5px;
+        margin-left: auto; /* 将用户消息推到右边 */
     }
     .chatbot .bot-message {
         background-color: #e1e1eb; /* 更柔和的Bot消息背景 */
         color: #333;
         border-top-left-radius: 5px;
+        margin-right: auto; /* 将 Bot 消息推到左边 */
     }
+    /* 移除头像 */
     .chatbot .avatar {
-        width: 30px;
-        height: 30px;
-        border-radius: 50%;
-        background-color: #ccc;
-        color: #fff;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin: 0 10px;
-    }
-    .chatbot .user .avatar {
-        background-color: #007bff;
-    }
-    .chatbot .bot .avatar {
-        background-color: #6c757d;
+        display: none;
     }
     .chatbot :last-child {
         margin-bottom: 0;
@@ -258,7 +246,7 @@ def create_chat_interface():
                     elem_classes="chatbot",
                     show_label=False,
                     bubble_full_width=False,
-                    avatar_images=("👤", "🤖")
+                    avatar_images=None  # 禁用头像
                 )
 
                 with gr.Column(elem_classes="input-container"):
@@ -302,4 +290,6 @@ def create_chat_interface():
 
 if __name__ == "__main__":
     demo = create_chat_interface()
+    # 请检查您的 FASTGPT_API_KEY 和 FASTGPT_BASE_URL 环境变量是否已正确配置
+    # 另外，请确保您的网络连接正常，以便能够调用 API。
     demo.launch(debug=True)