avatar

app.py

@@ -159,6 +159,9 @@ body, .gradio-container {
 }
 
 
+
+
+
 /* 关键：调整消息内容的包装器，让其填满左侧 */
 .bot.svelte-1nr59td.message > .message-wrap {
     margin-left: 0 !important;
@@ -189,7 +192,21 @@ body, .gradio-container {
 #     box-sizing: border-box !important;
 # }
 
+/* 2. 移除右侧多余滚动条并美化 */
+/* 尝试隐藏外层导致双滚动条的溢出 */
+div.gradio-container {
+    overflow: visible !important;
+}
 
+/* 针对 Gradio Chatbot 的主容器 */
+.svelte-1nr59td.chatbot {
+    border: none !important; /* 移除边框有时能解决视觉上的滚动条错觉 */
+}
+
+/* 隐藏特定的滚动条，只保留主对话区域的滚动功能 */
+.svelte-1nr59td.chatbot .wrapper::-webkit-scrollbar {
+    width: 6px; /* 设置一个很细的滚动条，或者设为 0 完全隐藏 */
+}