fix: compact messages align left with first message, no indent gap

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 21:42:44 +02:00
parent f88a4ef6a7
commit 448030fcee

View File

@@ -112,7 +112,7 @@ export function MessageItem({ message, compact, replyTarget, onSelect, onDelete,
</button> </button>
)} )}
<div className={cn("px-4 md:px-5", compact ? "py-0.5 pl-[52px] md:pl-[56px]" : "py-3 md:py-4")}> <div className={cn("px-4 md:px-5", compact ? "py-0.5" : "py-3 md:py-4")}>
{/* Header — hidden in compact mode */} {/* Header — hidden in compact mode */}
{!compact && <div className="flex items-center gap-2.5 text-[11px] flex-wrap"> {!compact && <div className="flex items-center gap-2.5 text-[11px] flex-wrap">
{/* Avatar — ape emoji with OKLCH color, agents get first letter */} {/* Avatar — ape emoji with OKLCH color, agents get first letter */}