OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-06-26 18:26:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: tailwind v4 migration

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2025-02-15 19:27:25 -08:00
parent 30182d77cc
commit e3fa48b6ce
132 changed files with 1056 additions and 1034 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/workspace/Models/Knowledge/Selector.svelte
View File

@@ -107,7 +107,7 @@
</svg>
</div>
<input
class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-none bg-transparent"
class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
bind:value={query}
placeholder={$i18n.t('Search Knowledge')}
/>
@@ -134,19 +134,19 @@
<div class=" w-fit mb-0.5">
{#if item.legacy}
<div
class="bg-gray-500/20 text-gray-700 dark:text-gray-200 rounded uppercase text-xs font-bold px-1"
class="bg-gray-500/20 text-gray-700 dark:text-gray-200 rounded-sm uppercase text-xs font-bold px-1"
>
Legacy
</div>
{:else if item?.meta?.document}
<div
class="bg-gray-500/20 text-gray-700 dark:text-gray-200 rounded uppercase text-xs font-bold px-1"
class="bg-gray-500/20 text-gray-700 dark:text-gray-200 rounded-sm uppercase text-xs font-bold px-1"
>
Document
</div>
{:else}
<div
class="bg-green-500/20 text-green-700 dark:text-green-200 rounded uppercase text-xs font-bold px-1"
class="bg-green-500/20 text-green-700 dark:text-green-200 rounded-sm uppercase text-xs font-bold px-1"
>
Collection
</div>

28
src/lib/components/workspace/Models/ModelEditor.svelte
View File

@@ -364,10 +364,10 @@
submitHandler();
}}
>
<div class="self-center md:self-start flex justify-center my-2 flex-shrink-0">
<div class="self-center md:self-start flex justify-center my-2 shrink-0">
<div class="self-center">
<button
class="rounded-xl flex flex-shrink-0 items-center {info.meta.profile_image_url !==
class="rounded-xl flex shrink-0 items-center {info.meta.profile_image_url !==
'/static/favicon.png'
? 'bg-transparent'
: 'bg-white'} shadow-xl group relative"
@@ -435,7 +435,7 @@
<div class="flex-1">
<div>
<input
class="text-3xl font-semibold w-full bg-transparent outline-none"
class="text-3xl font-semibold w-full bg-transparent outline-hidden"
placeholder={$i18n.t('Model Name')}
bind:value={name}
required
@@ -446,7 +446,7 @@
<div class="flex-1">
<div>
<input
class="text-xs w-full bg-transparent text-gray-500 outline-none"
class="text-xs w-full bg-transparent text-gray-500 outline-hidden"
placeholder={$i18n.t('Model ID')}
bind:value={id}
disabled={edit}
@@ -462,7 +462,7 @@
<div>
<select
class="text-sm w-full bg-transparent outline-none"
class="text-sm w-full bg-transparent outline-hidden"
placeholder="Select a base model (e.g. llama3, gpt-4o)"
bind:value={info.base_model_id}
on:change={(e) => {
@@ -486,7 +486,7 @@
<div class=" self-center text-sm font-semibold">{$i18n.t('Description')}</div>
<button
class="p-1 text-xs flex rounded transition"
class="p-1 text-xs flex rounded-sm transition"
type="button"
on:click={() => {
enableDescription = !enableDescription;
@@ -502,7 +502,7 @@
{#if enableDescription}
<Textarea
className=" text-sm w-full bg-transparent outline-none resize-none overflow-y-hidden "
className=" text-sm w-full bg-transparent outline-hidden resize-none overflow-y-hidden "
placeholder={$i18n.t('Add a short description about what this model does')}
bind:value={info.meta.description}
/>
@@ -547,7 +547,7 @@
<div class=" text-xs font-semibold mb-2">{$i18n.t('System Prompt')}</div>
<div>
<Textarea
className=" text-sm w-full bg-transparent outline-none resize-none overflow-y-hidden "
className=" text-sm w-full bg-transparent outline-hidden resize-none overflow-y-hidden "
placeholder={`Write your model system prompt content here\ne.g.) You are Mario from Super Mario Bros, acting as an assistant.`}
rows={4}
bind:value={info.params.system}
@@ -561,7 +561,7 @@
</div>
<button
class="p-1 px-3 text-xs flex rounded transition"
class="p-1 px-3 text-xs flex rounded-sm transition"
type="button"
on:click={() => {
showAdvanced = !showAdvanced;
@@ -599,7 +599,7 @@
</div>
<button
class="p-1 text-xs flex rounded transition"
class="p-1 text-xs flex rounded-sm transition"
type="button"
on:click={() => {
if ((info?.meta?.suggestion_prompts ?? null) === null) {
@@ -619,7 +619,7 @@
{#if (info?.meta?.suggestion_prompts ?? null) !== null}
<button
class="p-1 px-2 text-xs flex rounded transition"
class="p-1 px-2 text-xs flex rounded-sm transition"
type="button"
on:click={() => {
if (
@@ -653,7 +653,7 @@
{#each info.meta.suggestion_prompts as prompt, promptIdx}
<div class=" flex rounded-lg">
<input
class=" text-sm w-full bg-transparent outline-none border-r border-gray-50 dark:border-gray-850"
class=" text-sm w-full bg-transparent outline-hidden border-r border-gray-50 dark:border-gray-850"
placeholder={$i18n.t('Write a prompt suggestion (e.g. Who are you?)')}
bind:value={prompt.content}
/>
@@ -719,7 +719,7 @@
<div class=" self-center text-sm font-semibold">{$i18n.t('JSON Preview')}</div>
<button
class="p-1 px-3 text-xs flex rounded transition"
class="p-1 px-3 text-xs flex rounded-sm transition"
type="button"
on:click={() => {
showPreview = !showPreview;
@@ -736,7 +736,7 @@
{#if showPreview}
<div>
<textarea
class="text-sm w-full bg-transparent outline-none resize-none"
class="text-sm w-full bg-transparent outline-hidden resize-none"
rows="10"
value={JSON.stringify(info, null, 2)}
disabled

2
src/lib/components/workspace/Models/ModelMenu.svelte
View File

@@ -46,7 +46,7 @@
<div slot="content">
<DropdownMenu.Content
class="w-full max-w-[160px] rounded-xl px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-50 bg-white dark:bg-gray-850 dark:text-white shadow"
class="w-full max-w-[160px] rounded-xl px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-50 bg-white dark:bg-gray-850 dark:text-white shadow-sm"
sideOffset={-2}
side="bottom"
align="start"