Skip to content

fix(app): mobile prompt input buttons overflow on narrow viewports#11614

Closed
athal7 wants to merge 2 commits intoanomalyco:devfrom
athal7:dev
Closed

fix(app): mobile prompt input buttons overflow on narrow viewports#11614
athal7 wants to merge 2 commits intoanomalyco:devfrom
athal7:dev

Conversation

@athal7
Copy link
Copy Markdown
Contributor

@athal7 athal7 commented Feb 1, 2026

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

On mobile viewports (<640px):
- Show only icons for model selector and thinking effort
- Expand touch targets using p-2 -m-2 (invisible padding)

Desktop (>=640px) remains unchanged.
- Use CSS contents 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

Fixes anomalyco#11613
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Feb 1, 2026

The following comment was made by an LLM, it may be inaccurate:

No duplicate PRs found

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG]: Mobile prompt input buttons overflow on narrow viewports

1 participant