This commit is contained in:
aaron 2025-05-11 23:00:01 +08:00
parent 808c063e98
commit 5393559171
2 changed files with 16 additions and 9 deletions

View File

@ -5,7 +5,7 @@ services:
build: build:
context: . context: .
dockerfile: Dockerfile dockerfile: Dockerfile
image: tradus-web:1.8 image: tradus-web:1.9
container_name: tradus-web container_name: tradus-web
ports: ports:
- '6000:80' - '6000:80'

View File

@ -680,19 +680,26 @@ const getInitial = (nickname: string) => {
width: 100%; width: 100%;
} }
.user-message { /* 用户消息样式 */
.message-wrapper .user-message {
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: fit-content;
display: flex; display: flex;
gap: 12px; gap: 12px;
flex-direction: row-reverse;
margin-left: auto;
max-width: 80%;
} }
.ai-message, /* AI消息样式 */
.thought-message { .message-wrapper .ai-message,
.message-wrapper .thought-message {
justify-content: flex-start; justify-content: flex-start;
width: 100%; width: fit-content;
display: flex; display: flex;
gap: 12px; gap: 12px;
max-width: 80%;
margin-right: auto;
} }
.avatar { .avatar {
@ -733,7 +740,7 @@ const getInitial = (nickname: string) => {
.message-content { .message-content {
display: inline-block; display: inline-block;
max-width: 800px; max-width: 100%;
min-width: 4em; min-width: 4em;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -768,14 +775,14 @@ const getInitial = (nickname: string) => {
.user-message .message-content { .user-message .message-content {
background-color: var(--color-accent); background-color: var(--color-accent);
color: white; color: white;
border-radius: 0 1rem 1rem 1rem; border-radius: 1rem 0 1rem 1rem;
padding: 1.25rem; padding: 1.25rem;
} }
.ai-message .message-content { .ai-message .message-content {
background-color: var(--color-bg-secondary); background-color: var(--color-bg-secondary);
color: var(--color-text-primary); color: var(--color-text-primary);
border-radius: 1rem 0 1rem 1rem; border-radius: 0 1rem 1rem 1rem;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
padding: 1.25rem; padding: 1.25rem;
margin-top: 0.5rem; margin-top: 0.5rem;