From c259c23d979f7064518e10bbbb5d00b3ce2d8943 Mon Sep 17 00:00:00 2001 From: Aleksander Grygier Date: Thu, 18 Sep 2025 15:35:19 +0200 Subject: [PATCH 1/4] feat: Improve mobile UI for Settings Dialog --- tools/server/webui/src/app.css | 12 + .../ChatSettings/ChatSettingsDialog.svelte | 275 +++++++++--------- .../ChatSettings/ChatSettingsFields.svelte | 145 +++++++++ .../ChatSettings/ChatSettingsFooter.svelte | 6 +- .../ChatSettings/ChatSettingsSection.svelte | 23 -- .../webui/src/lib/components/app/index.ts | 2 +- 6 files changed, 298 insertions(+), 165 deletions(-) create mode 100644 tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsFields.svelte delete mode 100644 tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsSection.svelte diff --git a/tools/server/webui/src/app.css b/tools/server/webui/src/app.css index d05a422f026e4..a9ac80ab9cf00 100644 --- a/tools/server/webui/src/app.css +++ b/tools/server/webui/src/app.css @@ -121,3 +121,15 @@ @apply bg-background text-foreground; } } + +@layer utilities { + .scrollbar-hide { + /* Hide scrollbar for Chrome, Safari and Opera */ + &::-webkit-scrollbar { + display: none; + } + /* Hide scrollbar for IE, Edge and Firefox */ + -ms-overflow-style: none; + scrollbar-width: none; + } +} diff --git a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte index 6752f066368da..7a8cfe097426b 100644 --- a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte +++ b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte @@ -1,15 +1,20 @@ - -
-
+ +
+ + - -
- - {#each currentSection.fields as field (field.key)} -
- {#if field.type === 'input'} - - - (localConfig[field.key] = e.currentTarget.value)} - placeholder={`Default: ${SETTING_CONFIG_DEFAULT[field.key] || 'none'}`} - class="max-w-md" - /> - {#if field.help || SETTING_CONFIG_INFO[field.key]} -

- {field.help || SETTING_CONFIG_INFO[field.key]} -

- {/if} - {:else if field.type === 'textarea'} - - -