fix: add bottom padding to shell command card before output streams (#1523)

The bash command card had only pb-1 on the header block, leaving the
content cramped against the card's bottom edge until output streamed in
(which adds its own pb-2). Apply pb-3 when there is no output yet so the
card looks uniformly padded in the pending/in-progress state.

Co-authored-by: open-swe[bot] <open-swe@users.noreply.github.com>
This commit is contained in:
Johannes du Plessis 2026-06-15 09:38:30 -07:00 • committed by GitHub
parent 889b2663d9
commit 2b181a77a6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -65,7 +65,7 @@ export const ShellCommand = memo(function ShellCommand({
{expanded && (
<div className="rounded-xl border border-[var(--ui-border-subtle)] bg-[var(--ui-code-bubble)] mt-1 overflow-hidden max-h-[250px] flex flex-col">
<div className="px-3 pt-2 pb-1 font-mono text-xs shrink-0">
<div className={`px-3 pt-2 ${output ? "pb-1" : "pb-3"} font-mono text-xs shrink-0`}>
<div className="flex items-center justify-between gap-2 mb-2">
<span className="text-[color:var(--ui-accent-2)]">bash</span>
{chunk.status === "in_progress" && (