move chat actions to the buttom of bubble

2024-12-23 15:19:57 +08:00
parent 7428018173
commit 6acfc0d31d
2 changed files with 208 additions and 3 deletions
--- a/src/components/ui/chat/chat-bubble.tsx
+++ b/src/components/ui/chat/chat-bubble.tsx
@@ -180,10 +180,10 @@ const ChatBubbleActionWrapper = React.forwardRef<
  <div
    ref={ref}
    className={cn(
-      "absolute top-1/2 -translate-y-1/2 flex opacity-0 group-hover:opacity-100 transition-opacity duration-200",
+      "absolute z-50 translate-y-full flex opacity-0 group-hover:opacity-100 transition-opacity duration-200",
      variant === "sent"
-        ? "-left-1 -translate-x-full flex-row-reverse"
-        : "-right-1 translate-x-full",
+        ? "flex-row-reverse"
+        : "",
      className
    )}
    {...props}