bhetherman/open-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-07-15 04:25:51 -04:00
parent 2018546a7b
commit 9499587c33
50 changed files with 243 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/admin/Analytics/AnalyticsModelModal.svelte
+8 -4
View File
@@ -178,14 +178,18 @@
<Modal size="md" bind:show>
{#if model}
<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
<div class="flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<Tooltip content={`${model.name} (${model.id})`} placement="top-start">
<div class="text-lg font-normal self-center line-clamp-1">
<div class="text-sm font-medium self-center line-clamp-1">
{model.name}
</div>
</Tooltip>
<button class="self-center" on:click={close} aria-label="Close">
<XMark className={'size-5'} />
<button
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={close}
aria-label="Close"
>
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Evaluations/FeedbackModal.svelte
+8 -4
View File
@@ -42,12 +42,16 @@
<Modal size="sm" bind:show>
{#if selectedFeedback}
<div>
<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
<div class="text-lg font-normal self-center">
<div class="flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<div class="text-sm font-medium self-center">
{$i18n.t('Feedback Details')}
</div>
<button class="self-center" on:click={close} aria-label="Close">
<XMark className={'size-5'} />
<button
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={close}
aria-label="Close"
>
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Evaluations/LeaderboardModal.svelte
+8 -4
View File
@@ -61,14 +61,18 @@
<Modal size="md" bind:show>
{#if model}
<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
<div class="flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<Tooltip content={`${model.name} (${model.id})`} placement="top-start">
<div class="text-lg font-normal self-center line-clamp-1">
<div class="text-sm font-medium self-center line-clamp-1">
{model.name}
</div>
</Tooltip>
<button class="self-center" on:click={close} aria-label="Close">
<XMark className={'size-5'} />
<button
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={close}
aria-label="Close"
>
<XMark className={'size-4'} />
</button>
</div>
<div class="px-5 pb-4 dark:text-gray-200">
src/lib/components/admin/Settings/Connections/ManageOllamaModal.svelte
+4 -6
View File
@@ -13,21 +13,19 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<div
class="flex w-full justify-between items-center text-lg font-normal self-center "
>
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<div class="flex w-full justify-between items-center text-sm font-medium self-center">
<div class=" shrink-0">
{$i18n.t('Manage Ollama')}
</div>
</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Settings/Evaluations/ArenaModelModal.svelte
+4 -4
View File
@@ -130,8 +130,8 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<div class=" text-lg font-normal self-center ">
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">
{#if edit}
{$i18n.t('Edit Arena Model')}
{:else}
@@ -139,12 +139,12 @@
{/if}
</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Settings/Events.svelte
+12 -7
View File
@@ -391,13 +391,18 @@
<Modal bind:show={showWebhookModal} size="sm">
<div>
<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<h1 class="text-lg font-normal self-center">
<div class="flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<h1 class="text-sm font-medium self-center">
{editing ? $i18n.t('Edit webhook') : $i18n.t('Add webhook')}
</h1>
<button class="self-center" aria-label={$i18n.t('Close')} type="button" on:click={resetForm}>
<XMark className="size-5" />
<button
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
aria-label={$i18n.t('Close')}
type="button"
on:click={resetForm}
>
<XMark className="size-4" />
</button>
</div>
@@ -531,7 +536,7 @@
{#each targetGroupResults as group}
<button
type="button"
class="w-full flex items-center justify-between gap-2 px-3 py-1.5 text-xs text-left hover:bg-gray-50 dark:hover:bg-gray-850"
class="w-full flex items-center justify-between gap-2 px-3 py-1.5 text-xs text-left hover:bg-gray-50/70 dark:hover:bg-gray-850/50"
on:click={() => addTargetGroup(group)}
>
<span class="truncate">{group.name}</span>
@@ -542,7 +547,7 @@
{#each targetUserResults as user}
<button
type="button"
class="w-full flex items-center justify-between gap-2 px-3 py-1.5 text-xs text-left hover:bg-gray-50 dark:hover:bg-gray-850"
class="w-full flex items-center justify-between gap-2 px-3 py-1.5 text-xs text-left hover:bg-gray-50/70 dark:hover:bg-gray-850/50"
on:click={() => addTargetUser(user)}
>
<span class="truncate">
@@ -721,7 +726,7 @@
<div class="flex gap-1 items-center">
<Tooltip content={$i18n.t('Configure')}>
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-50/70 dark:hover:bg-gray-850/50 rounded-lg transition"
on:click={() => editWebhook(webhook)}
type="button"
>
src/lib/components/admin/Settings/ExternalKnowledge.svelte
+6 -6
View File
@@ -410,13 +410,13 @@
<Modal bind:show={showSourceModal} size="sm">
<div>
<div class="flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<h1 class="text-lg font-normal self-center">
<div class="flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<h1 class="text-sm font-medium self-center">
{editingItem ? $i18n.t('Edit Knowledge Connection') : $i18n.t('Add Knowledge Connection')}
</h1>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
aria-label={$i18n.t('Close')}
type="button"
on:click={() => {
@@ -424,7 +424,7 @@
resetForm();
}}
>
<XMark className="size-5" />
<XMark className="size-4" />
</button>
</div>
@@ -724,7 +724,7 @@
className="shrink-0 flex items-center mr-1"
>
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-50/70 dark:hover:bg-gray-850/50 rounded-lg transition"
type="button"
on:click={testSource}
disabled={testing}
@@ -841,7 +841,7 @@
<div class="flex gap-1 items-center">
<Tooltip content={$i18n.t('Configure')}>
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition disabled:opacity-50 disabled:cursor-not-allowed"
class="self-center p-1 bg-transparent hover:bg-gray-50/70 dark:hover:bg-gray-850/50 rounded-lg transition disabled:opacity-50 disabled:cursor-not-allowed"
type="button"
disabled={!connection}
aria-label={$i18n.t('Configure')}
src/lib/components/admin/Settings/Models/ManageModelsModal.svelte
+4 -4
View File
@@ -39,17 +39,17 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4">
<div class=" text-lg font-normal self-center ">
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">
{$i18n.t('Manage Models')}
</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
+4 -4
View File
@@ -165,17 +165,17 @@
<Modal size="lg" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 pb-2">
<div class=" text-lg font-normal self-center ">
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">
{$i18n.t('Settings')}
</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/UserPreviewModal.svelte
+3 -3
View File
@@ -34,8 +34,8 @@
<Modal size="md" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 mb-1.5">
<div class=" text-lg font-normal self-center min-w-0 truncate">
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 mb-1">
<div class=" text-sm font-medium self-center min-w-0 truncate">
{$i18n.t('User Preview')}
{#if userName}
<span class="text-sm font-normal text-gray-500 ml-1">{userName}</span>
@@ -47,7 +47,7 @@
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Users/Groups/EditGroupModal.svelte
+4 -4
View File
@@ -133,8 +133,8 @@
<Modal size="lg" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-4 mb-1.5">
<div class=" text-lg font-normal self-center ">
<div class=" flex justify-between dark:text-gray-100 px-4 pt-3 mb-1">
<div class=" text-sm font-medium self-center">
{#if custom}
{#if edit}
{$i18n.t('Edit User Group')}
@@ -146,12 +146,12 @@
{/if}
</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Users/UserList/AddUserModal.svelte
+4 -4
View File
@@ -143,16 +143,16 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
<div class=" text-lg font-normal self-center">{$i18n.t('Add User')}</div>
<div class=" flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">{$i18n.t('Add User')}</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
aria-label={$i18n.t('Close')}
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>
src/lib/components/admin/Users/UserList/EditUserModal.svelte
+4 -4
View File
@@ -68,16 +68,16 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-2">
<div class=" text-lg font-normal self-center">{$i18n.t('Edit User')}</div>
<div class=" flex justify-between dark:text-gray-300 px-4 pt-3 pb-1">
<div class=" text-sm font-medium self-center">{$i18n.t('Edit User')}</div>
<button
class="self-center"
class="self-center rounded-lg p-1 text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200"
aria-label={$i18n.t('Close')}
on:click={() => {
show = false;
}}
>
<XMark className={'size-5'} />
<XMark className={'size-4'} />
</button>
</div>