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

[PR #11615] fix(app): mobile prompt input buttons overflow on narrow viewports #13866

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

Original Pull Request: https://github.com/anomalyco/opencode/pull/11615

State: open
Merged: No

Summary

Fixes mobile layout for prompt input button bar where buttons overflow or clip on narrow viewports (320-375px).

Changes:

  • Use tighter gap spacing on mobile (gap-1 vs gap-2 on desktop)
  • Add shrink-0 to prevent buttons from compressing
  • Add min-w-0 to left section to allow proper flex shrinking
  • Hide text labels on mobile for model and thinking selectors (icons only)
  • Remove absolute positioning from right button group

Tested at 320px (iPhone SE) and 375px (iPhone 12/13/14) viewports.

Screenshots

image
image
image
image
image

Fixes #11613

Partially addresses:

  • #10919 (mobile layout could be tighter)
  • #7990 (icons and input component overlap)
**Original Pull Request:** https://github.com/anomalyco/opencode/pull/11615 **State:** open **Merged:** No --- ## Summary Fixes mobile layout for prompt input button bar where buttons overflow or clip on narrow viewports (320-375px). **Changes:** - Use tighter gap spacing on mobile (`gap-1` vs `gap-2` on desktop) - Add `shrink-0` to prevent buttons from compressing - Add `min-w-0` to left section to allow proper flex shrinking - Hide text labels on mobile for model and thinking selectors (icons only) - Remove absolute positioning from right button group Tested at 320px (iPhone SE) and 375px (iPhone 12/13/14) viewports. ## Screenshots ![image](https://github.com/user-attachments/assets/34c27522-64e5-48d1-af1b-92de1266e42a) ![image](https://github.com/user-attachments/assets/c54e8ea3-006d-48ee-97d6-4b935471e50c) ![image](https://github.com/user-attachments/assets/18cf991c-6e25-4b4f-903f-436a102b6241) ![image](https://github.com/user-attachments/assets/c85be5ef-65d8-4ca0-acd4-ebf1b9e4b98f) ![image](https://github.com/user-attachments/assets/0049d6ef-5ad5-44d1-929d-83bc91acf354) --- Fixes #11613 Partially addresses: - #10919 (mobile layout could be tighter) - #7990 (icons and input component overlap)
yindo added the pull-request label 2026-02-16 18:18:41 -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 pull-request
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#13866
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?