fix: change message component background color

This commit is contained in:
javayhu 2025-09-01 23:47:31 +08:00
parent 9f5d4aec59
commit f36018945d
2 changed files with 2 additions and 2 deletions

View File

@ -70,7 +70,7 @@ export default function ChatBot() {
}; };
return ( return (
<div className="mx-auto p-6 relative size-full h-screen rounded-lg bg-muted/50"> <div className="mx-auto p-6 relative size-full h-screen rounded-lg bg-muted">
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
<Conversation className="h-full"> <Conversation className="h-full">
<ConversationContent> <ConversationContent>

View File

@ -34,7 +34,7 @@ export const MessageContent = ({
className={cn( className={cn(
'flex flex-col gap-2 overflow-hidden rounded-lg px-4 py-3 text-foreground text-sm', 'flex flex-col gap-2 overflow-hidden rounded-lg px-4 py-3 text-foreground text-sm',
'group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground', 'group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground',
'group-[.is-assistant]:bg-secondary group-[.is-assistant]:text-foreground', 'group-[.is-assistant]:bg-card group-[.is-assistant]:text-card-foreground',
'is-user:dark', 'is-user:dark',
className className
)} )}