فهرست منبع

feat(ui): P2 聊天面板差异化(品牌色淡底/气泡区分/锚点线)

Mochocyang 3 ماه پیش
والد
کامیت
8f4ca17c97
2فایلهای تغییر یافته به همراه4 افزوده شده و 3 حذف شده
  1. 2 2
      src/components/chat/chat-message.tsx
  2. 2 1
      src/components/chat/chat-panel.tsx

+ 2 - 2
src/components/chat/chat-message.tsx

@@ -74,7 +74,7 @@ export function ChatMessage({ message, isLastAssistant, onRegenerate, novelMode,
               ? "bg-primary text-primary-foreground"
               : message.discarded
                 ? "bg-muted/50 text-muted-foreground/50"
-                : "bg-muted text-foreground"
+                : "border bg-background text-foreground"
           }`}
         >
           {message.discarded ? (
@@ -535,7 +535,7 @@ export function StreamingMessage({ content }: StreamingMessageProps) {
       <div className="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground">
         <Bot className="h-4 w-4" />
       </div>
-      <div className="max-w-[80%] rounded-lg px-3 py-2 text-sm bg-muted text-foreground">
+      <div className="max-w-[80%] rounded-lg border bg-background px-3 py-2 text-sm text-foreground">
         {isThinking ? (
           <StreamingWorkflowBlock content={thinking} />
         ) : (

+ 2 - 1
src/components/chat/chat-panel.tsx

@@ -1456,7 +1456,7 @@ export function ChatPanel() {
   }, [])
 
   return (
-    <div className="flex h-full flex-col overflow-hidden bg-background">
+    <div className="flex h-full flex-col overflow-hidden bg-muted/30">
       <ConversationTabs onAbortStream={abortConversationStream} />
 
       <div className="flex min-h-0 flex-1 flex-col overflow-hidden">
@@ -1518,6 +1518,7 @@ export function ChatPanel() {
         )}
 
         <div className="shrink-0 bg-background">
+          <div className="h-0.5 bg-gradient-to-r from-primary/0 via-primary/40 to-primary/0" />
           <ChatInput
             onSend={handleSend}
             onStop={handleStop}