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

[PR #6808] Fix a few mobile screen size issues #12122

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

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

State: closed
Merged: Yes

  1. Reduce the width of on smaller screen devices

old, broken. Notice how "add project" is off-screen

https://github.com/user-attachments/assets/e53684cc-470f-4f36-ab81-a20ae0dc20e6

new, with some scaling. everything fits in a mobile width

https://github.com/user-attachments/assets/29f84d06-6412-4d3f-9f30-90634329076d

  1. Fix bottom bar position on Safari iOS 26.

The height of the main app was set to 100vh (h-screen). This was causing it to get clipped by the navbar on iOS 26 Safari. I've changed it to h-dvh to be the height of the "dynamic" viewport, depending on the scroll position. Since the main window doesn't scroll, we could probably just do h-svh to do the "small" viewport and avoid the potential performance issue but that felt like premature optimization, since I didn't do any testing on other devices or profiling.

old, clipped bottom prompt bar

image

New, not clipped bottom prompt bar
image

Photos taken on iPhone 17 Pro Max with iOS 26.3 and tabs set to "compact"

**Original Pull Request:** https://github.com/anomalyco/opencode/pull/6808 **State:** closed **Merged:** Yes --- 1. Reduce the width of <Home/> on smaller screen devices old, broken. Notice how "add project" is off-screen https://github.com/user-attachments/assets/e53684cc-470f-4f36-ab81-a20ae0dc20e6 new, with some scaling. everything fits in a mobile width https://github.com/user-attachments/assets/29f84d06-6412-4d3f-9f30-90634329076d 2. Fix bottom bar position on Safari iOS 26. The height of the main app was set to 100vh (`h-screen`). This was causing it to get clipped by the navbar on iOS 26 Safari. I've changed it to `h-dvh` to be the height of the "dynamic" viewport, depending on the scroll position. Since the main window doesn't scroll, we could probably just do `h-svh` to do the "small" viewport and [avoid the potential performance issue](https://ishadeed.com/article/new-viewport-units/#:~:text=Be%20careful%20with%20the%20dvh,is%20scrolling%20up%20or%20down.) but that felt like premature optimization, since I didn't do any testing on other devices or profiling. old, clipped bottom prompt bar <img width="589" height="1280" alt="image" src="https://github.com/user-attachments/assets/8a328cfe-6120-45a5-9e80-064cb16e4f86" /> New, not clipped bottom prompt bar <img width="589" height="1280" alt="image" src="https://github.com/user-attachments/assets/3f04503b-e074-43ea-9dfa-4ea08ce53af6" /> Photos taken on iPhone 17 Pro Max with iOS 26.3 and tabs set to "compact"
yindo added the pull-request label 2026-02-16 18:17:03 -05:00
yindo closed this issue 2026-02-16 18:17:03 -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#12122
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?