fix: margin

pull/5968/head
Aiden Cline 2025-12-22 10:58:35 -06:00
parent 503535091b
commit 57cb05adab
2 changed files with 6 additions and 1 deletions

View File

@ -999,7 +999,7 @@ export function Prompt(props: PromptProps) {
</box>
</Match>
</Switch>
<box gap={2} flexDirection="row">
<box gap={2} flexDirection="row" marginLeft="auto">
<Switch>
<Match when={store.mode === "normal"}>
<Show when={wide()}>

View File

@ -0,0 +1,5 @@
# Small Screen Responsiveness
The TUI uses two dimension checks for responsiveness: `wide` (width > 120) controls sidebar visibility and the "tab switch agent" hint, while `tall` (height > 40) controls the footer and whether agent/model info appears inside the input box or on the hints row. When not tall, the agent/model info moves to the bottom hints row and shares space with the loading spinner (they are mutually exclusive - loader shows when busy, agent/model shows when idle).
Files edited: `routes/session/index.tsx` defines `wide`, `tall`, and `sidebarVisible` memos and conditionally renders the Header, Footer, and Sidebar. `routes/session/header.tsx` was simplified to remove the share section entirely. `component/prompt/index.tsx` has its own `wide` and `tall` memos and handles the responsive input box layout - hiding agent/model from inside the box when not tall, showing it on the hints row instead, and hiding "tab switch agent" when not wide.