调整了ai聊天表格过宽显示补全问题
This commit is contained in:
@@ -187,6 +187,55 @@
|
|||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 表格在聊天气泡中的样式覆盖 */
|
||||||
|
.message-markdown .t-chat-markdown-table {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
border: 1rpx solid #E5E5E5;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-markdown .t-chat-markdown-table__container {
|
||||||
|
display: table;
|
||||||
|
min-width: 100%;
|
||||||
|
max-width: max-content;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: normal;
|
||||||
|
table-layout: fixed;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-markdown .t-chat-markdown-table__th,
|
||||||
|
.message-markdown .t-chat-markdown-table__td {
|
||||||
|
padding: 8rpx 12rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 1.4;
|
||||||
|
white-space: normal;
|
||||||
|
word-break: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
max-width: 240rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-markdown .t-chat-markdown-table__th {
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-markdown .t-chat-markdown-table__tr:nth-child(2n) {
|
||||||
|
background-color: #FAFAFA;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 代码块样式覆盖 */
|
||||||
|
.message-markdown .t-chat-markdown-codespan,
|
||||||
|
.message-markdown .t-chat-markdown-code {
|
||||||
|
font-size: 24rpx;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
.message-image {
|
.message-image {
|
||||||
max-width: 400rpx;
|
max-width: 400rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
|
|||||||
Reference in New Issue
Block a user