anomalyco/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-07-22 18:25:32 -04:00
Code Issues 5.9k Packages Projects Releases 19 Wiki Activity

[FEATURE]: TUI - Dialog boxes have inconsistent horizontal padding and need vertical centering improvements (UI) #8968

New Issue
Open
opened 2026-02-16 18:11:17 -05:00 by yindo · 0 comments
yindo commented 2026-02-16 18:11:17 -05:00
Owner
Copy Link
Copy Source

Originally created by @mynameistito on GitHub (Feb 10, 2026).

Originally assigned to: @kommander on GitHub.

Feature hasn't been suggested before.

  • I have verified this feature I'm about to request hasn't been suggested before.

Describe the enhancement you want to request

Problem
The TUI dialog system currently exhibits visual inconsistencies:

  1. Inconsistent Padding: Base components use 4 units of horizontal padding, while custom implementations (Status, Help, Connect) use 2 units, creating a disjointed look.
  2. Vertical Off-Center: Dialogs are hardcoded to render at 25% from the top (height / 4), rather than being truly centered in the viewport.

Proposed Solution

  1. Standardize Padding:
    Update dialog-status.tsx, dialog-help.tsx, and dialog-provider.tsx to use paddingLeft={4} paddingRight={4} to match the base DialogSelect component.

  2. Fix Vertical Centering:
    In ui/dialog.tsx, remove the manual padding calculation and rely on flexbox for perfect centering.

    // ui/dialog.tsx
// Remove: paddingTop={dimensions().height / 4}
// Add:
justifyContent="center"

This ensures all dialogs (/models, /agents, /status, etc.) share the same visual weight and alignment.

Originally created by @mynameistito on GitHub (Feb 10, 2026). Originally assigned to: @kommander on GitHub. ### Feature hasn't been suggested before. - [x] I have verified this feature I'm about to request hasn't been suggested before. ### Describe the enhancement you want to request **Problem** The TUI dialog system currently exhibits visual inconsistencies: 1. **Inconsistent Padding:** Base components use **4 units** of horizontal padding, while custom implementations (Status, Help, Connect) use **2 units**, creating a disjointed look. 2. **Vertical Off-Center:** Dialogs are hardcoded to render at 25% from the top (`height / 4`), rather than being truly centered in the viewport. **Proposed Solution** 1. **Standardize Padding:** Update `dialog-status.tsx`, `dialog-help.tsx`, and `dialog-provider.tsx` to use `paddingLeft={4} paddingRight={4}` to match the base `DialogSelect` component. 2. **Fix Vertical Centering:** In `ui/dialog.tsx`, remove the manual padding calculation and rely on flexbox for perfect centering. ```tsx // ui/dialog.tsx // Remove: paddingTop={dimensions().height / 4} // Add: justifyContent="center" ``` This ensures all dialogs (`/models`, `/agents`, `/status`, etc.) share the same visual weight and alignment.
yindo added the opentuidiscussion labels 2026-02-16 18:11:17 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
acp
bad
bug
discussion
docs
documentation
enhancement
extension
good first issue
growth
help-wanted
mcp
model-problem
needs:compliance
nix
opentui
perf
pull-request
Mirrored from GitHub Pull Request
 tui
web
windows
zen
No Label discussion opentui
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#8968
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?