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

Closed
opened 2026-02-16 18:18:41 -05:00 by yindo · 0 comments
Owner

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

State: closed
Merged: No


Summary

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

  • Use CSS contents pattern for responsive single-row layout on mobile
  • Replace thinking variant Button with Select dropdown
  • Add bulb icon for thinking selector
  • Fix model selector centering and highlight when open
  • Add icon/valueClass props to Select component
  • Fix Select dropdown height constraint bug

Screenshots

Mobile (375px) Desktop (1280px)
All buttons visible in single row Full text labels shown

Fixes #11613

**Original Pull Request:** https://github.com/anomalyco/opencode/pull/11614 **State:** closed **Merged:** No --- ## Summary Fixes mobile layout for prompt input button bar where buttons overflow or clip on narrow viewports (375px). - Use CSS `contents` pattern for responsive single-row layout on mobile - Replace thinking variant Button with Select dropdown - Add bulb icon for thinking selector - Fix model selector centering and highlight when open - Add icon/valueClass props to Select component - Fix Select dropdown height constraint bug ## Screenshots | Mobile (375px) | Desktop (1280px) | |----------------|------------------| | All buttons visible in single row | Full text labels shown | Fixes #11613
yindo added the pull-request label 2026-02-16 18:18:41 -05:00
yindo closed this issue 2026-02-16 18:18:41 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#13864