open-webui/src/lib/components/layout
davecrab 7762fa5ddf
feat: Add adjustable text size setting to interface (#19186)
* Add adjustable text size setting to interface

Introduces a user-configurable text size (scale) setting, accessible via a slider in the interface settings. Updates CSS and Sidebar chat item components to respect the new --app-text-scale variable, and persists the setting in the store. Adds related i18n strings and ensures the text scale is applied globally and clamped to allowed values.

* Refactor text scale logic into utility module

Moved all text scale related constants and functions from components and stores into a new utility module (src/lib/utils/text-scale.ts). Updated imports and usage in Interface.svelte and index.ts to use the new module, improving code organization and reusability.

* Adjust sidebar chat scaling without extra classes

keep sidebar markup using existing Tailwind utility classes so chat items render identically pre-feature
move all text-scale sizing into app.css under the #sidebar-chat-item selectors
change the root font-size multiplier to use 1rem instead of an explicit 16px so browser/user preferences propagate

* Update Switch.svelte

Adjust toggles from fixed pixel to rem to scale with the text size

* Update Interface.svelte

Updated label from 'Text Scale' to 'UI Scale'.
Added padding around slider

* Update app.css

Added comments
2025-11-19 00:55:52 -05:00
..
Navbar refac: chat navbar menu 2025-10-26 19:23:55 -07:00
Overlay refac 2025-09-24 06:52:44 -05:00
Sidebar feat: Add adjustable text size setting to interface (#19186) 2025-11-19 00:55:52 -05:00
ArchivedChatsModal.svelte feat: add backend handling for unarchiving all chats 2025-09-28 13:25:34 -04:00
ChatsModal.svelte i18n: add missing translations 2025-08-20 22:14:23 +08:00
SearchModal.svelte fix: correct chat preview loading in search modal 2025-11-03 19:58:26 -05:00
Sidebar.svelte refac 2025-11-13 20:55:34 -05:00
UpdateInfoToast.svelte update toast contrast 2025-05-14 09:51:07 +02:00