Improve readability on mobile with larger #3559

Closed
opened 2025-11-11 15:33:55 -06:00 by GiteaMirror · 0 comments
Owner

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.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#3559