ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 04:15:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-11-23 21:17:14 -05:00
parent 0259312626
commit de889f5ec7
24 changed files with 42 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/admin/Evaluations/Feedbacks.svelte
View file

@ -288,7 +288,7 @@
class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition" class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-850/50 transition"
on:click={() => openFeedbackModal(feedback)} on:click={() => openFeedbackModal(feedback)}
> >
<td class=" py-0.5 text-right font-semibold"> <td class=" py-0.5 text-right font-medium">
<div class="flex justify-center"> <div class="flex justify-center">
<Tooltip content={feedback?.user?.name}> <Tooltip content={feedback?.user?.name}>
<div class="shrink-0"> <div class="shrink-0">
@ -306,7 +306,7 @@
<div class="flex flex-col items-start gap-0.5 h-full"> <div class="flex flex-col items-start gap-0.5 h-full">
<div class="flex flex-col h-full"> <div class="flex flex-col h-full">
{#if feedback.data?.sibling_model_ids} {#if feedback.data?.sibling_model_ids}
<div class="font-semibold text-gray-600 dark:text-gray-400 flex-1"> <div class="font-medium text-gray-600 dark:text-gray-400 flex-1">
{feedback.data?.model_id} {feedback.data?.model_id}
</div> </div>
@ -352,7 +352,7 @@
{dayjs(feedback.updated_at * 1000).fromNow()} {dayjs(feedback.updated_at * 1000).fromNow()}
</td> </td>
<td class=" px-3 py-1 text-right font-semibold" on:click={(e) => e.stopPropagation()}> <td class=" px-3 py-1 text-right font-medium" on:click={(e) => e.stopPropagation()}>
<FeedbackMenu <FeedbackMenu
on:delete={(e) => { on:delete={(e) => {
deleteFeedbackHandler(feedback.id); deleteFeedbackHandler(feedback.id);

6
src/lib/components/admin/Settings/Pipelines.svelte
View file

@ -224,7 +224,7 @@
<div class="overflow-y-scroll scrollbar-hidden h-full"> <div class="overflow-y-scroll scrollbar-hidden h-full">
{#if PIPELINES_LIST !== null} {#if PIPELINES_LIST !== null}
<div class="flex w-full justify-between mb-2"> <div class="flex w-full justify-between mb-2">
<div class=" self-center text-sm font-semibold"> <div class=" self-center text-sm font-medium">
{$i18n.t('Manage Pipelines')} {$i18n.t('Manage Pipelines')}
</div> </div>
</div> </div>
@ -410,7 +410,7 @@
</div> </div>
<div class="mt-2 text-xs text-gray-500"> <div class="mt-2 text-xs text-gray-500">
<span class=" font-semibold dark:text-gray-200">{$i18n.t('Warning:')}</span> <span class=" font-medium dark:text-gray-200">{$i18n.t('Warning:')}</span>
{$i18n.t('Pipelines are a plugin system with arbitrary code execution —')} {$i18n.t('Pipelines are a plugin system with arbitrary code execution —')}
<span class=" font-medium dark:text-gray-400" <span class=" font-medium dark:text-gray-400"
>{$i18n.t("don't fetch random pipelines from sources you don't trust.")}</span >{$i18n.t("don't fetch random pipelines from sources you don't trust.")}</span
@ -423,7 +423,7 @@
{#if pipelines !== null} {#if pipelines !== null}
{#if pipelines.length > 0} {#if pipelines.length > 0}
<div class="flex w-full justify-between mb-2"> <div class="flex w-full justify-between mb-2">
<div class=" self-center text-sm font-semibold"> <div class=" self-center text-sm font-medium">
{$i18n.t('Pipelines Valves')} {$i18n.t('Pipelines Valves')}
</div> </div>
</div> </div>

2
src/lib/components/admin/Users/Groups.svelte
View file

@ -169,7 +169,7 @@
</div> </div>
{:else} {:else}
<div> <div>
<div class=" flex items-center gap-3 justify-between text-xs uppercase px-1 font-semibold"> <div class=" flex items-center gap-3 justify-between text-xs uppercase px-1 font-medium">
<div class="w-full basis-3/5">{$i18n.t('Group')}</div> <div class="w-full basis-3/5">{$i18n.t('Group')}</div>
<div class="w-full basis-2/5 text-right">{$i18n.t('Users')}</div> <div class="w-full basis-2/5 text-right">{$i18n.t('Users')}</div>

4
src/lib/components/workspace/Knowledge/KnowledgeBase.svelte
View file

@ -711,7 +711,7 @@
bind:show={showAccessControlModal} bind:show={showAccessControlModal}
bind:accessControl={knowledge.access_control} bind:accessControl={knowledge.access_control}
share={$user?.permissions?.sharing?.knowledge || $user?.role === 'admin'} share={$user?.permissions?.sharing?.knowledge || $user?.role === 'admin'}
sharePublic={$user?.permissions?.sharing?.public_knowledge || $user?.role === 'admin'} sharePu={$user?.permissions?.sharing?.public_knowledge || $user?.role === 'admin'}
onChange={() => { onChange={() => {
changeDebounceHandler(); changeDebounceHandler();
}} }}
@ -724,7 +724,7 @@
<div class="w-full"> <div class="w-full">
<input <input
type="text" type="text"
class="text-left w-full font-semibold text-2xl font-primary bg-transparent outline-hidden" class="text-left w-full font-medium text-2xl font-primary bg-transparent outline-hidden"
bind:value={knowledge.name} bind:value={knowledge.name}
placeholder={$i18n.t('Knowledge Name')} placeholder={$i18n.t('Knowledge Name')}
on:input={() => { on:input={() => {

2
src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
View file

@ -57,7 +57,7 @@
<div class="shrink-0 w-full flex justify-between items-center"> <div class="shrink-0 w-full flex justify-between items-center">
<div class="w-full"> <div class="w-full">
<input <input
class="w-full text-3xl font-semibold bg-transparent outline-hidden" class="w-full text-3xl font-medium bg-transparent outline-hidden"
type="text" type="text"
bind:value={name} bind:value={name}
placeholder={$i18n.t('Title')} placeholder={$i18n.t('Title')}

4
src/lib/components/workspace/Models.svelte
View file

@ -473,7 +473,7 @@
<div class="flex items-center justify-between w-full"> <div class="flex items-center justify-between w-full">
<Tooltip content={model.name} className=" w-fit" placement="top-start"> <Tooltip content={model.name} className=" w-fit" placement="top-start">
<a <a
class=" font-semibold line-clamp-1 hover:underline capitalize" class=" font-medium line-clamp-1 hover:underline capitalize"
href={`/?models=${encodeURIComponent(model.id)}`} href={`/?models=${encodeURIComponent(model.id)}`}
> >
{model.name} {model.name}
@ -655,7 +655,7 @@
target="_blank" target="_blank"
> >
<div class=" self-center"> <div class=" self-center">
<div class=" font-semibold line-clamp-1">{$i18n.t('Discover a model')}</div> <div class=" font-medium line-clamp-1">{$i18n.t('Discover a model')}</div>
<div class=" text-sm line-clamp-1"> <div class=" text-sm line-clamp-1">
{$i18n.t('Discover, download, and explore model presets')} {$i18n.t('Discover, download, and explore model presets')}
</div> </div>

2
src/lib/components/workspace/Models/ActionsSelector.svelte
View file

@ -25,7 +25,7 @@
{#if actions.length > 0} {#if actions.length > 0}
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Actions')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Actions')}</div>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">

2
src/lib/components/workspace/Models/Capabilities.svelte
View file

@ -57,7 +57,7 @@
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Capabilities')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Capabilities')}</div>
</div> </div>
<div class="flex items-center mt-2 flex-wrap"> <div class="flex items-center mt-2 flex-wrap">
{#each Object.keys(capabilityLabels) as capability} {#each Object.keys(capabilityLabels) as capability}

2
src/lib/components/workspace/Models/DefaultFeatures.svelte
View file

@ -27,7 +27,7 @@
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Default Features')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Default Features')}</div>
</div> </div>
<div class="flex items-center mt-2 flex-wrap"> <div class="flex items-center mt-2 flex-wrap">
{#each availableFeatures as feature} {#each availableFeatures as feature}

2
src/lib/components/workspace/Models/DefaultFiltersSelector.svelte
View file

@ -24,7 +24,7 @@
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Default Filters')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Default Filters')}</div>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">

2
src/lib/components/workspace/Models/FiltersSelector.svelte
View file

@ -25,7 +25,7 @@
{#if filters.length > 0} {#if filters.length > 0}
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Filters')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Filters')}</div>
</div> </div>
<!-- TODO: Filer order matters --> <!-- TODO: Filer order matters -->

2
src/lib/components/workspace/Models/Knowledge.svelte
View file

@ -157,7 +157,7 @@
<slot name="label"> <slot name="label">
<div class="mb-2"> <div class="mb-2">
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold"> <div class=" self-center text-sm font-medium">
{$i18n.t('Knowledge')} {$i18n.t('Knowledge')}
</div> </div>
</div> </div>

18
src/lib/components/workspace/Models/ModelEditor.svelte
View file

@ -489,7 +489,7 @@
<div class="flex-1"> <div class="flex-1">
<div> <div>
<input <input
class="text-3xl font-semibold w-full bg-transparent outline-hidden" class="text-3xl font-medium w-full bg-transparent outline-hidden"
placeholder={$i18n.t('Model Name')} placeholder={$i18n.t('Model Name')}
bind:value={name} bind:value={name}
required required
@ -512,7 +512,7 @@
{#if preset} {#if preset}
<div class="my-1"> <div class="my-1">
<div class=" text-sm font-semibold mb-1">{$i18n.t('Base Model (From)')}</div> <div class=" text-sm font-medium mb-1">{$i18n.t('Base Model (From)')}</div>
<div> <div>
<select <select
@ -537,7 +537,7 @@
<div class="my-1"> <div class="my-1">
<div class="mb-1 flex w-full justify-between items-center"> <div class="mb-1 flex w-full justify-between items-center">
<div class=" self-center text-sm font-semibold">{$i18n.t('Description')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Description')}</div>
<button <button
class="p-1 text-xs flex rounded-sm transition" class="p-1 text-xs flex rounded-sm transition"
@ -602,12 +602,12 @@
<div class="my-2"> <div class="my-2">
<div class="flex w-full justify-between"> <div class="flex w-full justify-between">
<div class=" self-center text-sm font-semibold">{$i18n.t('Model Params')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Model Params')}</div>
</div> </div>
<div class="mt-2"> <div class="mt-2">
<div class="my-1"> <div class="my-1">
<div class=" text-xs font-semibold mb-2">{$i18n.t('System Prompt')}</div> <div class=" text-xs font-medium mb-2">{$i18n.t('System Prompt')}</div>
<div> <div>
<Textarea <Textarea
className=" text-sm w-full bg-transparent outline-hidden resize-none overflow-y-hidden " className=" text-sm w-full bg-transparent outline-hidden resize-none overflow-y-hidden "
@ -621,7 +621,7 @@
</div> </div>
<div class="flex w-full justify-between"> <div class="flex w-full justify-between">
<div class=" self-center text-xs font-semibold"> <div class=" self-center text-xs font-medium">
{$i18n.t('Advanced Params')} {$i18n.t('Advanced Params')}
</div> </div>
@ -648,12 +648,12 @@
</div> </div>
</div> </div>
<hr class=" border-gray-100 dark:border-gray-850 my-1" /> <hr class=" border-gray-100 dark:border-gray-850 my-2" />
<div class="my-2"> <div class="my-2">
<div class="flex w-full justify-between items-center"> <div class="flex w-full justify-between items-center">
<div class="flex w-full justify-between items-center"> <div class="flex w-full justify-between items-center">
<div class=" self-center text-sm font-semibold"> <div class=" self-center text-sm font-medium">
{$i18n.t('Prompts')} {$i18n.t('Prompts')}
</div> </div>
@ -745,7 +745,7 @@
<div class="my-2 text-gray-300 dark:text-gray-700"> <div class="my-2 text-gray-300 dark:text-gray-700">
<div class="flex w-full justify-between mb-2"> <div class="flex w-full justify-between mb-2">
<div class=" self-center text-sm font-semibold">{$i18n.t('JSON Preview')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('JSON Preview')}</div>
<button <button
class="p-1 px-3 text-xs flex rounded-sm transition" class="p-1 px-3 text-xs flex rounded-sm transition"

2
src/lib/components/workspace/Models/ToolsSelector.svelte
View file

@ -25,7 +25,7 @@
<div> <div>
<div class="flex w-full justify-between mb-1"> <div class="flex w-full justify-between mb-1">
<div class=" self-center text-sm font-semibold">{$i18n.t('Tools')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Tools')}</div>
</div> </div>
<div class=" text-xs dark:text-gray-500"> <div class=" text-xs dark:text-gray-500">

4
src/lib/components/workspace/Prompts.svelte
View file

@ -172,7 +172,7 @@
}} }}
> >
<div class=" text-sm text-gray-500 truncate"> <div class=" text-sm text-gray-500 truncate">
{$i18n.t('This will delete')} <span class=" font-semibold">{deletePrompt.command}</span>. {$i18n.t('This will delete')} <span class=" font-medium">{deletePrompt.command}</span>.
</div> </div>
</DeleteConfirmDialog> </DeleteConfirmDialog>
@ -417,7 +417,7 @@
target="_blank" target="_blank"
> >
<div class=" self-center"> <div class=" self-center">
<div class=" font-semibold line-clamp-1">{$i18n.t('Discover a prompt')}</div> <div class=" font-medium line-clamp-1">{$i18n.t('Discover a prompt')}</div>
<div class=" text-sm line-clamp-1"> <div class=" text-sm line-clamp-1">
{$i18n.t('Discover, download, and explore custom prompts')} {$i18n.t('Discover, download, and explore custom prompts')}
</div> </div>

2
src/lib/components/workspace/Prompts/PromptEditor.svelte
View file

@ -147,7 +147,7 @@
<div class="my-2"> <div class="my-2">
<div class="flex w-full justify-between"> <div class="flex w-full justify-between">
<div class=" self-center text-sm font-semibold">{$i18n.t('Prompt Content')}</div> <div class=" self-center text-sm font-medium">{$i18n.t('Prompt Content')}</div>
</div> </div>
<div class="mt-2"> <div class="mt-2">

4
src/lib/components/workspace/Tools.svelte
View file

@ -513,7 +513,7 @@
target="_blank" target="_blank"
> >
<div class=" self-center"> <div class=" self-center">
<div class=" font-semibold line-clamp-1">{$i18n.t('Discover a tool')}</div> <div class=" font-medium line-clamp-1">{$i18n.t('Discover a tool')}</div>
<div class=" text-sm line-clamp-1"> <div class=" text-sm line-clamp-1">
{$i18n.t('Discover, download, and explore custom tools')} {$i18n.t('Discover, download, and explore custom tools')}
</div> </div>
@ -536,7 +536,7 @@
}} }}
> >
<div class=" text-sm text-gray-500 truncate"> <div class=" text-sm text-gray-500 truncate">
{$i18n.t('This will delete')} <span class=" font-semibold">{selectedTool.name}</span>. {$i18n.t('This will delete')} <span class=" font-medium">{selectedTool.name}</span>.
</div> </div>
</DeleteConfirmDialog> </DeleteConfirmDialog>

4
src/lib/components/workspace/common/AccessControl.svelte
View file

@ -63,7 +63,7 @@
<div class=" rounded-lg flex flex-col gap-2"> <div class=" rounded-lg flex flex-col gap-2">
<div class=""> <div class="">
<div class=" text-sm font-semibold mb-1.5">{$i18n.t('Visibility')}</div> <div class=" text-sm font-medium mb-1.5">{$i18n.t('Visibility')}</div>
<div class="flex gap-2.5 items-center mb-1"> <div class="flex gap-2.5 items-center mb-1">
<div> <div>
@ -150,7 +150,7 @@
<div> <div>
<div class=""> <div class="">
<div class="flex justify-between mb-1.5"> <div class="flex justify-between mb-1.5">
<div class="text-sm font-semibold"> <div class="text-sm font-medium">
{$i18n.t('Groups')} {$i18n.t('Groups')}
</div> </div>
</div> </div>

2
src/routes/(app)/+layout.svelte
View file

@ -341,7 +341,7 @@
{$i18n.t( {$i18n.t(
"Saving chat logs directly to your browser's storage is no longer supported. Please take a moment to download and delete your chat logs by clicking the button below. Don't worry, you can easily re-import your chat logs to the backend through" "Saving chat logs directly to your browser's storage is no longer supported. Please take a moment to download and delete your chat logs by clicking the button below. Don't worry, you can easily re-import your chat logs to the backend through"
)} )}
<span class="font-semibold dark:text-white" <span class="font-medium dark:text-white"
>{$i18n.t('Settings')} > {$i18n.t('Chats')} > {$i18n.t('Import Chats')}</span >{$i18n.t('Settings')} > {$i18n.t('Chats')} > {$i18n.t('Import Chats')}</span
>. {$i18n.t( >. {$i18n.t(
'This ensures that your valuable conversations are securely saved to your backend database. Thank you!' 'This ensures that your valuable conversations are securely saved to your backend database. Thank you!'

2
src/routes/(app)/workspace/+layout.svelte
View file

@ -124,7 +124,7 @@
</div> </div>
</div> </div>
<!-- <div class="flex items-center text-xl font-semibold">{$i18n.t('Workspace')}</div> --> <!-- <div class="flex items-center text-xl font-medium">{$i18n.t('Workspace')}</div> -->
</div> </div>
</nav> </nav>

2
src/routes/+error.svelte
View file

@ -4,7 +4,7 @@
<div class=" bg-white dark:bg-gray-800 min-h-screen"> <div class=" bg-white dark:bg-gray-800 min-h-screen">
<div class=" flex h-full"> <div class=" flex h-full">
<div class="m-auto my-10 dark:text-gray-300 text-3xl font-semibold"> <div class="m-auto my-10 dark:text-gray-300 text-3xl font-medium">
{$page.status}: {$page.error?.message} {$page.status}: {$page.error?.message}
</div> </div>
</div> </div>

2
src/routes/auth/+page.svelte
View file

@ -210,7 +210,7 @@
{#if ($config?.features.auth_trusted_header ?? false) || $config?.features.auth === false} {#if ($config?.features.auth_trusted_header ?? false) || $config?.features.auth === false}
<div class=" my-auto pb-10 w-full sm:max-w-md"> <div class=" my-auto pb-10 w-full sm:max-w-md">
<div <div
class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-semibold dark:text-gray-200" class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-medium dark:text-gray-200"
> >
<div> <div>
{$i18n.t('Signing in to {{WEBUI_NAME}}', { WEBUI_NAME: $WEBUI_NAME })} {$i18n.t('Signing in to {{WEBUI_NAME}}', { WEBUI_NAME: $WEBUI_NAME })}

4
src/routes/error/+page.svelte
View file

@ -33,12 +33,12 @@
<br class=" " /> <br class=" " />
<br class=" " /> <br class=" " />
<a <a
class=" font-semibold underline" class=" font-medium underline"
href="https://github.com/open-webui/open-webui#how-to-install-" href="https://github.com/open-webui/open-webui#how-to-install-"
target="_blank">{$i18n.t('See readme.md for instructions')}</a target="_blank">{$i18n.t('See readme.md for instructions')}</a
> >
{$i18n.t('or')} {$i18n.t('or')}
<a class=" font-semibold underline" href="https://discord.gg/5rJgQTnV4s" target="_blank" <a class=" font-medium underline" href="https://discord.gg/5rJgQTnV4s" target="_blank"
>{$i18n.t('join our Discord for help.')}</a >{$i18n.t('join our Discord for help.')}</a
> >
</div> </div>

2
src/routes/s/[id]/+page.svelte
View file

@ -161,7 +161,7 @@
: 'max-w-5xl'} mx-auto" : 'max-w-5xl'} mx-auto"
> >
<div class="px-3"> <div class="px-3">
<div class=" text-2xl font-semibold line-clamp-1"> <div class=" text-2xl font-medium line-clamp-1">
{title} {title}
</div> </div>