fix(chat-bubble): adjust message padding and layout styles

This commit is contained in:
cfngc4594 2025-03-26 22:51:03 +08:00
parent 2605b211bc
commit 4ec1943738

View File

@ -28,7 +28,7 @@ const chatBubbleVariant = cva(
interface ChatBubbleProps
extends React.HTMLAttributes<HTMLDivElement>,
VariantProps<typeof chatBubbleVariant> {}
VariantProps<typeof chatBubbleVariant> { }
const ChatBubble = React.forwardRef<HTMLDivElement, ChatBubbleProps>(
({ className, variant, layout, children, ...props }, ref) => (
@ -72,7 +72,7 @@ const ChatBubbleAvatar: React.FC<ChatBubbleAvatarProps> = ({
);
// ChatBubbleMessage
const chatBubbleMessageVariants = cva("p-4", {
const chatBubbleMessageVariants = cva("p-0", {
variants: {
variant: {
received:
@ -81,7 +81,7 @@ const chatBubbleMessageVariants = cva("p-4", {
},
layout: {
default: "",
ai: "border-t w-full rounded-none bg-transparent",
ai: "w-full rounded-none bg-transparent",
},
},
defaultVariants: {