fix: contain wide chat tables

This commit is contained in:
lofyer
2026-08-13 14:03:36 +08:00
parent 7a078c6ffe
commit bf1ec5d2f1
+15 -2
View File
@@ -3075,6 +3075,7 @@ button > svg {
.message-list { .message-list {
display: flex; display: flex;
min-width: 0;
flex-direction: column; flex-direction: column;
padding-bottom: 20px; padding-bottom: 20px;
gap: 4px; gap: 4px;
@@ -3082,10 +3083,11 @@ button > svg {
.message { .message {
display: grid; display: grid;
min-width: 0;
padding: 17px 8px; padding: 17px 8px;
border-top: 1px solid transparent; border-top: 1px solid transparent;
gap: 12px; gap: 12px;
grid-template-columns: 30px 1fr; grid-template-columns: 30px minmax(0, 1fr);
} }
.message + .message { .message + .message {
@@ -3093,7 +3095,7 @@ button > svg {
} }
.message--user { .message--user {
grid-template-columns: 1fr 30px; grid-template-columns: minmax(0, 1fr) 30px;
} }
.message__avatar { .message__avatar {
@@ -3117,6 +3119,7 @@ button > svg {
.message__body { .message__body {
min-width: 0; min-width: 0;
max-width: 100%;
} }
.message--user .message__body { .message--user .message__body {
@@ -3326,7 +3329,15 @@ button > svg {
.message-blocks { .message-blocks {
display: grid; display: grid;
min-width: 0;
max-width: 100%;
gap: var(--space-3); gap: var(--space-3);
grid-template-columns: minmax(0, 1fr);
}
.message-blocks > .message__content {
min-width: 0;
max-width: 100%;
} }
.message-blocks .message-reasoning, .message-blocks .message-reasoning,
@@ -3399,6 +3410,8 @@ button > svg {
} }
.markdown-table-scroll { .markdown-table-scroll {
width: 100%;
min-width: 0;
max-width: 100%; max-width: 100%;
margin: 0.8em 0; margin: 0.8em 0;
overflow-x: auto; overflow-x: auto;