diff options
| author | Dax Raad <[email protected]> | 2026-01-07 22:34:27 -0500 |
|---|---|---|
| committer | Dax Raad <[email protected]> | 2026-01-07 22:34:31 -0500 |
| commit | 68092f22e153d7cd4de057024c3713e73f2cec96 (patch) | |
| tree | 4cdd5d12793c4d88f05b2d5b8abcb6e6bd19ae84 | |
| parent | 83f3c729e9f8fd60b7f4ed967190aa7c23b9e9e3 (diff) | |
| download | opencode-68092f22e153d7cd4de057024c3713e73f2cec96.tar.gz opencode-68092f22e153d7cd4de057024c3713e73f2cec96.zip | |
tui: improve other answer option layout with better indentation and clearer label
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/routes/session/question.tsx | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx index 96883415b..82a6a021c 100644 --- a/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx +++ b/packages/opencode/src/cli/cmd/tui/routes/session/question.tsx @@ -213,24 +213,28 @@ export function QuestionPrompt(props: { request: QuestionRequest }) { <box flexDirection="row" gap={1}> <box backgroundColor={other() ? theme.backgroundElement : undefined}> <text fg={other() ? theme.secondary : input() ? theme.success : theme.text}> - {options().length + 1}. Other + {options().length + 1}. Type your own answer </text> </box> <text fg={theme.success}>{input() ? "✓" : ""}</text> </box> <Show when={store.editing}> - <textarea - ref={(val: TextareaRenderable) => (textarea = val)} - focused - placeholder="Type your own answer" - textColor={theme.text} - focusedTextColor={theme.text} - cursorColor={theme.primary} - keyBindings={bindings()} - /> + <box paddingLeft={3}> + <textarea + ref={(val: TextareaRenderable) => (textarea = val)} + focused + placeholder="Type your own answer" + textColor={theme.text} + focusedTextColor={theme.text} + cursorColor={theme.primary} + keyBindings={bindings()} + /> + </box> </Show> <Show when={!store.editing && input()}> - <text fg={theme.textMuted}>{input()}</text> + <box paddingLeft={3}> + <text fg={theme.textMuted}>{input()}</text> + </box> </Show> </box> </box> |