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

View File

@ -63,13 +63,10 @@ export function MessageListItem({
<MessageToolbar
className={cn(
isHuman ? "-bottom-9 justify-end" : "-bottom-8",
"absolute right-0 left-0 z-20",
!isHuman && runId && threadId
? "opacity-100"
: "opacity-0 transition-opacity delay-200 duration-300 group-hover/conversation-message:opacity-100",
"absolute right-0 left-0 z-20 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
clipboardData={
extractContentFromMessage(message) ??
@ -77,14 +74,14 @@ export function MessageListItem({
""
}
/>
{!isHuman && runId && threadId && (
<FeedbackButtons
threadId={threadId}
runId={runId}
initialFeedback={feedback ?? null}
/>
)}
</div>
{!isHuman && runId && threadId && (
<FeedbackButtons
threadId={threadId}
runId={runId}
initialFeedback={feedback ?? null}
/>
)}
</MessageToolbar>
)}
</AIElementMessage>