[PR #758] [MERGED] Update Settings page UI #3418

Closed
opened 2026-04-25 00:15:34 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/758
Author: @jmt-gh
Created: 6/20/2022
Status: Merged
Merged: 6/23/2022
Merged by: @advplyr

Base: masterHead: update_settings


📝 Commits (4)

  • 5f5dce6 initial Settings update
  • 033b7ec update text formatting
  • f6702d2 update html formatting
  • 01e7098 Updates to setting formatting and copy

📊 Changes

1 file changed (+170 additions, -167 deletions)

View changed files

📝 client/pages/config/index.vue (+170 -167)

📄 Description

This PR updates the settings page UI. This biggest changes here are a more distinct visual hierarchy of the content, as well as moving the content to 2 columns when above the small break-point to reduce scrolling. With the groupings introduced in 8ab0f164, I also streamlined the text to be less redundant, which helps with the cognitive load of looking at a bunch of text at once

Before (desktop):
image

After (desktop):
image

Before (mobile-web):
image

After (mobile-web):
image


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/758 **Author:** [@jmt-gh](https://github.com/jmt-gh) **Created:** 6/20/2022 **Status:** ✅ Merged **Merged:** 6/23/2022 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `update_settings` --- ### 📝 Commits (4) - [`5f5dce6`](https://github.com/advplyr/audiobookshelf/commit/5f5dce6d53a3657b241a29bb9de6b264a3bf97bd) initial Settings update - [`033b7ec`](https://github.com/advplyr/audiobookshelf/commit/033b7ece28e52910eec9fcb3e10dc78ea7d8e9af) update text formatting - [`f6702d2`](https://github.com/advplyr/audiobookshelf/commit/f6702d299d212cedc4c628d1fa9966bacca5a8e7) update html formatting - [`01e7098`](https://github.com/advplyr/audiobookshelf/commit/01e7098f006acd562a1a6371e6e543b967ff84f4) Updates to setting formatting and copy ### 📊 Changes **1 file changed** (+170 additions, -167 deletions) <details> <summary>View changed files</summary> 📝 `client/pages/config/index.vue` (+170 -167) </details> ### 📄 Description This PR updates the settings page UI. This biggest changes here are a more distinct visual hierarchy of the content, as well as moving the content to 2 columns when above the small break-point to reduce scrolling. With the groupings introduced in 8ab0f164, I also streamlined the text to be less redundant, which helps with the cognitive load of looking at a bunch of text at once **Before (desktop):** ![image](https://user-images.githubusercontent.com/13617455/174508725-87df5e7c-b692-4d09-8c6b-8af6dcf8e266.png) **After (desktop):** ![image](https://user-images.githubusercontent.com/13617455/174508679-418e27c4-106b-4b29-bfb0-40387a5fff4e.png) **Before (mobile-web):** ![image](https://user-images.githubusercontent.com/13617455/174508806-8709f705-a68b-45c4-b295-64a903de85a1.png) **After (mobile-web):** ![image](https://user-images.githubusercontent.com/13617455/174508833-31a58014-d404-41ad-a42f-13965b13a5fd.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:15:34 +02:00
adam closed this issue 2026-04-25 00:15:35 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3418