JOJO/agent-Specialization
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: refine mobile assistant content spacing

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
static/src/components/chat/MinimalBlocks.vue
View File

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

7
static/src/styles/components/chat/_chat-area.scss
View File

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