fix: refine mobile assistant content spacing

This commit is contained in:
JOJO 2026-04-05 21:25:01 +08:00
parent 6e3bdaa964
commit 6f2f854f6d
2 changed files with 13 additions and 5 deletions

View File

@ -538,7 +538,7 @@ watch(() => props.actions, () => {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
column-gap: 8px;
padding: 0 20px 0 15px;
padding: 0 6px 0 6px;
cursor: pointer;
transition: background-color 0.2s;
}
@ -604,7 +604,7 @@ watch(() => props.actions, () => {
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 8px;
padding: 0 20px 0 15px;
padding: 0 6px 0 6px;
}
.steps-wrapper {
@ -760,6 +760,13 @@ watch(() => props.actions, () => {
/* 文本输出 */
.text-output {
margin: 16px 0;
padding: 0;
}
@media (max-width: 768px) {
.text-output {
margin: 16px -9px;
}
}
.text-content {

View File

@ -140,8 +140,8 @@
.messages-area {
padding-top: 8px;
padding-left: 6px !important;
padding-right: 6px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.message-block:first-child {
@ -149,12 +149,13 @@
}
.user-message .message-text {
max-width: 80%;
max-width: 80% !important;
}
.assistant-message .message-text {
padding: 16px 8px !important;
}
}
/* 额外的手机端样式,不依赖 mobile 类 */