fix(ui): center narrow terminal recovery actions

This commit is contained in:
Neil
2026-08-12 21:09:30 -07:00
parent c8d08e1b21
commit df6edfcebd
2 changed files with 2 additions and 1 deletions
@@ -124,6 +124,7 @@ describe('TerminalPaneDisconnectedBanner, unreachable SSH pane', () => {
expect(banner).toHaveAttribute('data-terminal-pane-disconnected-variant', 'ssh-pane')
expect(banner).toHaveClass('@container/disconnected-banner', 'inset-x-0')
expect(card).toHaveClass('max-h-full', 'overflow-y-auto')
expect(buttons[0].parentElement).toHaveClass('@max-[240px]/disconnected-banner:justify-center')
for (const button of buttons) {
expect(button).toHaveAttribute('data-size', 'icon-xs')
}
@@ -175,7 +175,7 @@ export function TerminalPaneDisconnectedBanner({
<div className="mt-0.5 text-xs leading-5 text-muted-foreground">{body}</div>
</div>
{!retrying ? (
<div className="flex shrink-0 items-center gap-2 @max-[360px]/disconnected-banner:w-full @max-[360px]/disconnected-banner:flex-wrap @max-[360px]/disconnected-banner:justify-end @max-[240px]/disconnected-banner:gap-0">
<div className="flex shrink-0 items-center gap-2 @max-[360px]/disconnected-banner:w-full @max-[360px]/disconnected-banner:flex-wrap @max-[360px]/disconnected-banner:justify-end @max-[240px]/disconnected-banner:justify-center @max-[240px]/disconnected-banner:gap-0">
{compactActions ? (
<Tooltip>
<TooltipTrigger asChild>{reconnectButton}</TooltipTrigger>