icrypto/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
aaron 2025-05-09 22:39:50 +08:00
parent 9a16d9d556
commit 48014f565e
1 changed files with 36 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/views/AIAgentView.vue
View File

@ -612,7 +612,7 @@ const getIconPath = (agent: Agent) => {
display: inline-block; display: inline-block;
max-width: 800px; max-width: 800px;
min-width: 4em; min-width: 4em;
padding: 1rem; padding: 1.5rem;
border-radius: 0.75rem; border-radius: 0.75rem;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -620,6 +620,7 @@ const getIconPath = (agent: Agent) => {
box-sizing: border-box; box-sizing: border-box;
background-clip: padding-box; background-clip: padding-box;
overflow: hidden; overflow: hidden;
line-height: 1.4;
} }
.user-message .message-content { .user-message .message-content {
@ -636,25 +637,25 @@ const getIconPath = (agent: Agent) => {
.message-text { .message-text {
font-size: 1rem; font-size: 1rem;
line-height: 1.6; line-height: 1.4;
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-word; word-break: break-word;
} }
.message-text :deep(p) {
margin: 0.2em 0;
line-height: 1.4;
}
.message-text :deep(ul), .message-text :deep(ul),
.message-text :deep(ol) { .message-text :deep(ol) {
/* margin: 0.5em 0; */ margin: 0.2em 0;
padding-left: 0; padding-left: 1.2em;
list-style-position: inside;
width: 100%;
box-sizing: border-box;
} }
.message-text :deep(li) { .message-text :deep(li) {
/* margin: 0.25em 0; */ margin: 0;
padding-left: 0; line-height: 1.4;
text-indent: 0;
list-style-position: inside;
} }
.message-text :deep(li > p) { .message-text :deep(li > p) {
@ -743,27 +744,35 @@ const getIconPath = (agent: Agent) => {
:deep(.markdown-body) { :deep(.markdown-body) {
color: var(--color-text-primary); color: var(--color-text-primary);
} line-height: 1.4;
:deep(.markdown-body pre) {
background-color: var(--color-bg-secondary);
border: 1px solid var(--color-border);
}
:deep(.markdown-body code) {
background-color: var(--color-bg-secondary);
color: var(--color-text-primary);
} }
:deep(.markdown-body p) { :deep(.markdown-body p) {
margin: 0.5em 0; margin: 0.2em 0;
overflow-wrap: break-word; line-height: 1.4;
word-break: break-word; }
width: 100%;
box-sizing: border-box; :deep(.markdown-body h1),
:deep(.markdown-body h2),
:deep(.markdown-body h3),
:deep(.markdown-body h4),
:deep(.markdown-body h5),
:deep(.markdown-body h6) {
margin: 0.4em 0 0.2em 0;
line-height: 1.4;
}
:deep(.markdown-body pre) {
margin: 0.3em 0;
padding: 0.5em;
background-color: var(--color-bg-secondary);
border: 1px solid var(--color-border);
border-radius: var(--border-radius);
} }
:deep(.markdown-body blockquote) { :deep(.markdown-body blockquote) {
margin: 0.3em 0;
padding: 0.3em 0.8em;
background-color: var(--color-bg-secondary); background-color: var(--color-bg-secondary);
border-left: 4px solid var(--color-accent); border-left: 4px solid var(--color-accent);
} }
@ -957,7 +966,7 @@ const getIconPath = (agent: Agent) => {
} }
.message-content { .message-content {
padding: 0.75rem; padding: 1rem;
font-size: 0.95rem; font-size: 0.95rem;
} }
} }