diff --git a/web/src/components/AgentMessageComponent.vue b/web/src/components/AgentMessageComponent.vue index ed4e2cb1..d9429668 100644 --- a/web/src/components/AgentMessageComponent.vue +++ b/web/src/components/AgentMessageComponent.vue @@ -479,34 +479,38 @@ const toggleToolCall = (toolCallId) => { } .message-md .md-editor-preview-wrapper { - color: var(--gray-900); max-width: 100%; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace; #preview-only-preview { font-size: 15px; + color: var(--gray-900); } h1, h2 { - font-size: 1.2rem; + font-size: 16px; } h3, h4 { - font-size: 1.1rem; + font-size: 16px; } h5, h6 { - font-size: 1rem; + font-size: 15px; } - // li > p, ol > p, ul > p { - // margin: 0.25rem 0; - // } + strong { + font-weight: 600; + } - // ol, ul { - // padding-left: 1rem; - // } + li > p, ol > p, ul > p { + margin: 0.25rem 0; + } + + ol, ul { + padding-left: 1rem; + } cite { font-size: 12px; diff --git a/web/src/components/ChatSidebarComponent.vue b/web/src/components/ChatSidebarComponent.vue index a9d44ad6..6e89937f 100644 --- a/web/src/components/ChatSidebarComponent.vue +++ b/web/src/components/ChatSidebarComponent.vue @@ -205,14 +205,14 @@ const toggleCollapse = () => { } .conversation-list-top { - padding: 16px; + padding: 10px; .new-chat-btn { width: 100%; padding: 8px 16px; height: fit-content; - border-radius: 16px; - background-color: var(--gray-300); + border-radius: 8px; + background-color: var(--gray-200); color: var(--main-color); border: none; transition: all 0.2s ease; @@ -233,7 +233,7 @@ const toggleCollapse = () => { display: flex; align-items: center; justify-content: space-between; - padding: 4px 16px; + padding: 4px 0px 4px 12px; border-radius: 8px; margin-bottom: 8px; cursor: pointer;