Update app.py
Browse files
app.py
CHANGED
|
@@ -248,16 +248,19 @@ html, body, .gradio-container, #root, .main, .wrap, .prose, .gr-box {
|
|
| 248 |
|
| 249 |
/* ✅ 聊天气泡最大宽度和排版优化 */
|
| 250 |
#chatbox .message {
|
|
|
|
|
|
|
|
|
|
|
|
|
| 251 |
font-size: 16px !important;
|
| 252 |
line-height: 1.6em !important;
|
| 253 |
-
|
| 254 |
-
padding: 6px 12px !important;
|
| 255 |
border-radius: 12px !important;
|
| 256 |
word-break: break-word !important;
|
| 257 |
-
min-width: 60vw !important;
|
| 258 |
white-space: normal !important;
|
| 259 |
}
|
| 260 |
|
|
|
|
| 261 |
@media screen and (max-width: 768px) {
|
| 262 |
#chatbox .message {
|
| 263 |
font-size: 15px !important;
|
|
|
|
| 248 |
|
| 249 |
/* ✅ 聊天气泡最大宽度和排版优化 */
|
| 250 |
#chatbox .message {
|
| 251 |
+
display: inline-block !important;
|
| 252 |
+
max-width: 90vw !important; /* 最多不超过屏幕宽度 */
|
| 253 |
+
width: auto !important; /* ← 自动适应内容宽度 */
|
| 254 |
+
min-width: 10ch !important; /* ← 避免太窄,10个字符左右 */
|
| 255 |
font-size: 16px !important;
|
| 256 |
line-height: 1.6em !important;
|
| 257 |
+
padding: 8px 14px !important;
|
|
|
|
| 258 |
border-radius: 12px !important;
|
| 259 |
word-break: break-word !important;
|
|
|
|
| 260 |
white-space: normal !important;
|
| 261 |
}
|
| 262 |
|
| 263 |
+
|
| 264 |
@media screen and (max-width: 768px) {
|
| 265 |
#chatbox .message {
|
| 266 |
font-size: 15px !important;
|