fix: refine mobile assistant content spacing
This commit is contained in:
parent
6e3bdaa964
commit
6f2f854f6d
@ -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 {
|
||||
|
||||
@ -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 类 */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user