调整了ai聊天表格过宽显示补全问题

This commit is contained in:
lik
2026-06-05 05:50:26 +08:00
parent 1d61e5f74e
commit 2828c28a23

View File

@@ -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;