style(feedback): group copy and feedback buttons together on the left

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
rayhpeng
2026-04-10 18:57:49 +08:00
parent 6476eabdf5
commit e1cb78fecf
@@ -63,13 +63,10 @@ export function MessageListItem({
<MessageToolbar <MessageToolbar
className={cn( className={cn(
isHuman ? "-bottom-9 justify-end" : "-bottom-8", isHuman ? "-bottom-9 justify-end" : "-bottom-8",
"absolute right-0 left-0 z-20", "absolute right-0 left-0 z-20 opacity-0 transition-opacity delay-200 duration-300 group-hover/conversation-message:opacity-100",
!isHuman && runId && threadId
? "opacity-100"
: "opacity-0 transition-opacity delay-200 duration-300 group-hover/conversation-message:opacity-100",
)} )}
> >
<div className="flex gap-1 opacity-0 transition-opacity delay-200 duration-300 group-hover/conversation-message:opacity-100"> <div className="flex gap-1">
<CopyButton <CopyButton
clipboardData={ clipboardData={
extractContentFromMessage(message) ?? extractContentFromMessage(message) ??
@@ -77,7 +74,6 @@ export function MessageListItem({
"" ""
} }
/> />
</div>
{!isHuman && runId && threadId && ( {!isHuman && runId && threadId && (
<FeedbackButtons <FeedbackButtons
threadId={threadId} threadId={threadId}
@@ -85,6 +81,7 @@ export function MessageListItem({
initialFeedback={feedback ?? null} initialFeedback={feedback ?? null}
/> />
)} )}
</div>
</MessageToolbar> </MessageToolbar>
)} )}
</AIElementMessage> </AIElementMessage>