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