diff --git a/src/client/src/components/shared.ts b/src/client/src/components/shared.ts index c112063..a179efc 100644 --- a/src/client/src/components/shared.ts +++ b/src/client/src/components/shared.ts @@ -280,9 +280,9 @@ export const chatStyles = css` .activity-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .45; flex: 0 0 auto; } .activity-dock.active .dot { animation: pulse 1s ease-in-out infinite; opacity: 1; } - .msg { max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0 0 14px; padding: 12px; border: 1px solid var(--pi-border); border-left: 3px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); overflow: visible; } - .msg.assistant { border-left-color: var(--pi-text-secondary); background: var(--pi-surface); } - .msg.user { border-color: var(--pi-accent-border); border-left: 3px solid var(--pi-accent); background: var(--pi-selection-bg); } + .msg { max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0 0 14px; padding: 12px; border: 1px solid var(--pi-border); border-radius: 10px; background: var(--pi-surface); overflow: visible; } + .msg.assistant { background: var(--pi-surface); } + .msg.user { border-color: var(--pi-accent-border); background: var(--pi-selection-bg); } .msg.tool { border-color: var(--pi-warning-border); background: var(--pi-warning-surface); color: var(--pi-warning); } .msg.tool-execution-shell { padding: 0; border: 0; background: transparent; color: var(--pi-text); } .msg.system { color: var(--pi-danger); }