[Enhancement]: tablet mode for mobile phones an better overview on tablets in landscape orientation #1122

Open
opened 2026-04-24 23:49:17 +02:00 by adam · 2 comments
Owner

Originally created by @kobraevents on GitHub (Jan 15, 2025).

Type of Enhancement

Web Interface/Frontend

Describe the Feature/Enhancement

hey everyone,
i love audiobookshelf but stuck in some frontend issues. the preview pictures of the books are too big, so you cant see them at all and cant scroll in a dynamic way. moreover on the settings side (burger button menu) there is an overlay so you cant access the settings or other things.

Why would this be helpful?

better overview, smaller icons, better structure.

i setted the device to landscape (in the audiobookshelf settings) and cant access the settings tab anymore.

Future Implementation (Screenshot)

Screenshot_20250115-121002_Audiobookshelf1
Screenshot_20250115-120814_Audiobookshelf3
Screenshot_20250115-120814_Audiobookshelf2

Audiobookshelf Server Version

v0.9.77 apk / browser is same stile

Current Implementation (Screenshot)

Screenshot_20250115-120814_Audiobookshelf1
Screenshot_20250115-120814_Audiobookshelf
Screenshot_20250115-120843_Audiobookshelf
Screenshot_20250115-121002_Audiobookshelf
Screenshot_20250115-120828_Audiobookshelf

Originally created by @kobraevents on GitHub (Jan 15, 2025). ### Type of Enhancement Web Interface/Frontend ### Describe the Feature/Enhancement hey everyone, i love audiobookshelf but stuck in some frontend issues. the preview pictures of the books are too big, so you cant see them at all and cant scroll in a dynamic way. moreover on the settings side (burger button menu) there is an overlay so you cant access the settings or other things. ### Why would this be helpful? better overview, smaller icons, better structure. i setted the device to landscape (in the audiobookshelf settings) and cant access the settings tab anymore. ### Future Implementation (Screenshot) ![Screenshot_20250115-121002_Audiobookshelf1](https://github.com/user-attachments/assets/6b86edb0-a10b-4f28-9018-ecc26f9351ff) ![Screenshot_20250115-120814_Audiobookshelf3](https://github.com/user-attachments/assets/435df7f9-d4a2-4cc9-b9eb-bc58609fb089) ![Screenshot_20250115-120814_Audiobookshelf2](https://github.com/user-attachments/assets/a84fd642-4962-4550-af38-d7533f8ad56e) ### Audiobookshelf Server Version v0.9.77 apk / browser is same stile ### Current Implementation (Screenshot) ![Screenshot_20250115-120814_Audiobookshelf1](https://github.com/user-attachments/assets/67af6eea-4130-448b-aa7e-487cea00be05) ![Screenshot_20250115-120814_Audiobookshelf](https://github.com/user-attachments/assets/0380220f-5d33-4195-9959-e22acd1eeaa8) ![Screenshot_20250115-120843_Audiobookshelf](https://github.com/user-attachments/assets/6c7859d4-ad37-4c7f-a6ce-63907e977f04) ![Screenshot_20250115-121002_Audiobookshelf](https://github.com/user-attachments/assets/7105992d-e484-4dca-8abb-0bf515abccc6) ![Screenshot_20250115-120828_Audiobookshelf](https://github.com/user-attachments/assets/f46a7704-71bd-4b61-b4bf-411d5dda88fb)
adam added the enhancement label 2026-04-24 23:49:17 +02:00
Author
Owner

@nichwall commented on GitHub (Jan 15, 2025):

This is specific to the mobile app. https://github.com/advplyr/audiobookshelf-app

@nichwall commented on GitHub (Jan 15, 2025): This is specific to the mobile app. https://github.com/advplyr/audiobookshelf-app
Author
Owner

@kobraevents commented on GitHub (Jan 15, 2025):

This is specific to the mobile app. https://github.com/advplyr/audiobookshelf-app

not just the app. its also in the web view over http/s. in case of http the both head-tables are much bigger than the icons. see the screenshot. its made on a galaxy s8+. factor of the preview pictures is sized to 60%. would be a great option to customize the head-tables in the settings too.
Screenshot_20250115-161639_Chrome

@kobraevents commented on GitHub (Jan 15, 2025): > This is specific to the mobile app. https://github.com/advplyr/audiobookshelf-app not just the app. its also in the web view over http/s. in case of http the both head-tables are much bigger than the icons. see the screenshot. its made on a galaxy s8+. factor of the preview pictures is sized to 60%. would be a great option to customize the head-tables in the settings too. ![Screenshot_20250115-161639_Chrome](https://github.com/user-attachments/assets/fc162f8a-2cd4-4ce5-8518-d134456aa6ed)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1122