github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-08-30 17:25:30 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

Improve readability on mobile with larger #3559

New Issue
Closed
opened 2025-11-11 15:33:55 -06:00 by GiteaMirror · 0 comments
GiteaMirror commented 2025-11-11 15:33:55 -06:00
Owner
Copy Link
Copy Source

Originally created by @MarcoDiFrancesco on GitHub (Feb 3, 2025).

Feature Request

Is your feature request related to a problem? Please describe.
Extensive scrolling of large answers on mobile is frustrating. It takes very long time to scroll the answers after 4/5 gpt-4o question/answer.

Describe the solution you'd like
White space is wasted on the left side of the screen, we can use it. I took ispiration from the ChatGPT app.
In the screenshots below I placed the LLM response icon (img) together with the div of the title.

Describe alternatives you've considered

Apply it only for small screens. For example:

  • <400-500px width apply this technique

  • 400-500px keep the left margin

Additional context

Screenshots on: IPhone 12 Pro (300px width).

Left: before. Right: After.

Originally created by @MarcoDiFrancesco on GitHub (Feb 3, 2025). # Feature Request **Is your feature request related to a problem? Please describe.** Extensive scrolling of large answers on mobile is frustrating. It takes very long time to scroll the answers after 4/5 gpt-4o question/answer. **Describe the solution you'd like** White space is wasted on the left side of the screen, we can use it. I took ispiration from the ChatGPT app. In the screenshots below I placed the LLM response icon (`img`) together with the `div` of the title. **Describe alternatives you've considered** Apply it only for small screens. For example: - <400-500px width apply this technique - >400-500px keep the left margin **Additional context** Screenshots on: IPhone 12 Pro (300px width). Left: before. Right: After. <p align="center"> <img src="https://github.com/user-attachments/assets/393a1c93-05a5-47cb-ae27-e476fb372412" width="300" /> <img src="https://github.com/user-attachments/assets/14001695-0562-4859-b816-14f99dbe6e27" width="300" /> </p> <p align="center"> <img src="https://github.com/user-attachments/assets/7feab54d-fe9d-461c-954d-01866135de82" width="300" /> <img src="https://github.com/user-attachments/assets/abaf1757-a5e5-41cd-9e64-680ce3cf6384" width="300" /> </p>
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
GiteaMirror ninjasurge (Kaehlen Rog)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#3559