scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-10-09 03:18:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2026-10-07 15:01:47 +04:00
parent 65f44053d2
commit f694210fdc
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/lib/components/chat/SettingsModal.svelte
View file

@ -179,7 +179,7 @@
const shouldShowSettingGroup = (tabIds: string[], index: number) =>
index === 0 || settingGroupTitle(tabIds[index]) !== settingGroupTitle(tabIds[index - 1]);
const settingGroupHeadingClass = (first: boolean) =>
`hidden md:block shrink-0 text-[0.625rem] text-gray-400 dark:text-gray-600 px-2 ${
`hidden md:block shrink-0 text-[0.625rem] text-gray-600 dark:text-gray-500 px-2 ${
first ? 'mt-0.5' : 'mt-2'
} mb-0.5`;
@ -468,7 +468,7 @@
`flex items-center gap-1.5 h-7 px-2 md:w-full shrink-0 rounded-lg text-xs text-left transition-colors duration-75 ${
active
? 'font-medium text-gray-900 dark:text-white bg-gray-50 dark:bg-white/[0.04]'
: 'text-gray-500 hover:text-gray-700 dark:hover:text-gray-300'
: 'text-gray-600 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
}`;
let selectedTab = 'general';
@ -517,7 +517,7 @@
class="shrink-0 min-w-0 md:min-h-0 flex flex-col border-b md:border-b-0 md:border-r border-gray-100/30 dark:border-white/[0.02] md:w-[15rem]"
>
<button
class="flex items-center gap-1.5 h-7 px-2 m-1 md:mb-0 md:w-[calc(100%-0.5rem)] shrink-0 rounded-lg text-xs text-gray-400 dark:text-gray-600 hover:text-gray-700 dark:hover:text-gray-300 transition-colors duration-75"
class="flex items-center gap-1.5 h-7 px-2 m-1 md:mb-0 md:w-[calc(100%-0.5rem)] shrink-0 rounded-lg text-xs text-gray-600 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 transition-colors duration-75"
type="button"
on:click={() => {
show = false;
@ -536,7 +536,7 @@
<label class="sr-only" for="search-input-settings-modal">{$i18n.t('Search')}</label>
<input
data-settings-search
class="w-full text-xs bg-transparent py-1 outline-hidden dark:text-gray-300"
class="w-full text-xs bg-transparent py-1 outline-hidden placeholder:text-gray-600 dark:text-gray-300 dark:placeholder:text-gray-500"
bind:value={search}
id="search-input-settings-modal"
on:keydown={searchKeydown}
@ -556,7 +556,7 @@
class="tabs scrollbar-none max-h-32 md:max-h-none flex min-w-0 flex-1 min-h-0 overflow-x-auto md:overflow-x-hidden md:overflow-y-auto md:flex-col p-1 pl-0 md:pl-1 gap-px"
>
<span
class="hidden md:block text-[0.625rem] text-gray-400 dark:text-gray-600 px-2 mt-1.5 mb-0.5"
class="hidden md:block text-[0.625rem] text-gray-600 dark:text-gray-500 px-2 mt-1.5 mb-0.5"
>
{$i18n.t('Personal')}
</span>
@ -750,7 +750,7 @@
<div
class="hidden md:block shrink-0 self-stretch h-px mx-1 my-2 bg-gray-100/40 dark:bg-white/[0.025]"
></div>
<span class="hidden md:block text-[0.625rem] text-gray-400 dark:text-gray-600 px-2 mb-0.5">
<span class="hidden md:block text-[0.625rem] text-gray-600 dark:text-gray-500 px-2 mb-0.5">
{$i18n.t('Admin')}
</span>
@ -780,7 +780,7 @@
{/if}
{#if filteredSettings.length === 0}
<div class="px-2 py-1 text-xs text-gray-400 dark:text-gray-600">
<div class="px-2 py-1 text-xs text-gray-600 dark:text-gray-500">
{$i18n.t('No matches')}
</div>
{/if}

10
src/lib/components/common/InterfaceSettings.svelte
View file

@ -122,11 +122,11 @@
const settingRowClass = 'flex items-center justify-between gap-2.5';
const settingLabelClass = 'min-w-0 text-xs text-gray-600 dark:text-gray-400';
const settingControlClass = 'flex shrink-0 items-center justify-end gap-1.5';
const sectionHeadingClass = 'mt-4 text-xs text-gray-400 dark:text-gray-600';
const firstSectionHeadingClass = 'text-xs text-gray-400 dark:text-gray-600';
const settingDescriptionClass = 'mt-1.5 text-[0.6875rem] text-gray-400 dark:text-gray-600';
const sectionHeadingClass = 'mt-4 text-xs text-gray-600 dark:text-gray-500';
const firstSectionHeadingClass = 'text-xs text-gray-600 dark:text-gray-500';
const settingDescriptionClass = 'mt-1.5 text-[0.6875rem] text-gray-600 dark:text-gray-500';
const actionButtonClass =
'text-xs text-gray-500 transition-colors hover:text-gray-900 dark:text-gray-500 dark:hover:text-white';
'text-xs text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
const hasSettingPath = (source: Record<string, any>, path: string) => {
let current: any = source;
@ -570,7 +570,7 @@
<div class="mt-1.5 flex items-center pb-1">
<input
id="font-family-input"
class="h-7 w-full rounded-lg border border-gray-100/50 bg-gray-50/40 px-2 text-xs text-gray-700 outline-hidden transition-colors placeholder:text-gray-300 focus:border-blue-400 dark:border-white/[0.04] dark:bg-white/[0.03] dark:text-gray-300 dark:placeholder:text-gray-700 dark:focus:border-blue-500"
class="h-7 w-full rounded-lg border border-gray-100/50 bg-gray-50/40 px-2 text-xs text-gray-700 outline-hidden transition-colors placeholder:text-gray-600 focus:border-blue-400 dark:border-white/[0.04] dark:bg-white/[0.03] dark:text-gray-300 dark:placeholder:text-gray-500 dark:focus:border-blue-500"
type="text"
placeholder="Aptos"
bind:value={fontFamilyInput}