Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-17 23:12:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
cfngc4594 2025-03-26 22:51:03 +08:00
parent 2605b211bc
commit 4ec1943738
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ui/chat/chat-bubble.tsx
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) => (
@ -43,9 +43,9 @@ const ChatBubble = React.forwardRef<HTMLDivElement, ChatBubbleProps>(
{React.Children.map(children, (child) =>
React.isValidElement(child) && typeof child.type !== "string"
? React.cloneElement(child, {
variant,
layout,
} as React.ComponentProps<typeof child.type>)
variant,
layout,
} as React.ComponentProps<typeof child.type>)
: child,
)}
</div>
@ -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: {
@ -92,7 +92,7 @@ const chatBubbleMessageVariants = cva("p-4", {
interface ChatBubbleMessageProps
extends React.HTMLAttributes<HTMLDivElement>,
VariantProps<typeof chatBubbleMessageVariants> {
VariantProps<typeof chatBubbleMessageVariants> {
isLoading?: boolean;
}