Keldos commited on
Commit
27f4755
·
1 Parent(s): eb9d06b

chore: 适配移动端微调聊天框样式

Browse files

- 禁用横轴移动
- 稍减小了移动端bot气泡宽度,避免mini按钮被遮挡

Files changed (1) hide show
  1. assets/custom.css +4 -1
assets/custom.css CHANGED
@@ -262,12 +262,15 @@ ol:not(.options), ul:not(.options) {
262
  max-height: calc(100vh - 140px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
263
  }
264
  [data-testid = "bot"] {
265
- max-width: 98% !important;
266
  }
267
  #app_title h1{
268
  letter-spacing: -1px; font-size: 22px;
269
  }
270
  }
 
 
 
271
  /* 对话气泡 */
272
  .message {
273
  border-radius: var(--radius-xl) !important;
 
262
  max-height: calc(100vh - 140px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
263
  }
264
  [data-testid = "bot"] {
265
+ max-width: 95% !important;
266
  }
267
  #app_title h1{
268
  letter-spacing: -1px; font-size: 22px;
269
  }
270
  }
271
+ #chuanhu_chatbot .wrap {
272
+ overflow-x: hidden;
273
+ }
274
  /* 对话气泡 */
275
  .message {
276
  border-radius: var(--radius-xl) !important;