Emil_Shanaty/open-webui-ai4me
1
0
Fork 0
Code Issues Pull Requests 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
src/lib/components/layout/Navbar.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
<div class="sticky top-0 z-30 w-full px-1.5 py-1.5 -mb-8 flex items-center">
<div
class=" bg-gradient-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur"
class=" bg-linear-to-b via-50% from-white via-white to-transparent dark:from-gray-900 dark:via-gray-900 dark:to-transparent pointer-events-none absolute inset-0 -bottom-7 z-[-1] blur-sm"
></div>
<div class=" flex max-w-full w-full mx-auto px-1 pt-0.5 bg-transparent">
src/lib/components/layout/Overlay/AccountPending.svelte
+1 -1
View File
@@ -14,7 +14,7 @@
});
</script>
<div class="fixed w-full h-full flex z-[999]">
<div class="fixed w-full h-full flex z-999">
<div
class="absolute w-full h-full backdrop-blur-lg bg-white/10 dark:bg-gray-900/50 flex justify-center"
>
src/lib/components/layout/Sidebar.svelte
+5 -5
View File
@@ -393,7 +393,7 @@
window.addEventListener('touchend', onTouchEnd);
window.addEventListener('focus', onFocus);
window.addEventListener('blur', onBlur);
window.addEventListener('blur-sm', onBlur);
const dropZone = document.getElementById('sidebar');
@@ -410,7 +410,7 @@
window.removeEventListener('touchend', onTouchEnd);
window.removeEventListener('focus', onFocus);
window.removeEventListener('blur', onBlur);
window.removeEventListener('blur-sm', onBlur);
const dropZone = document.getElementById('sidebar');
@@ -466,7 +466,7 @@
? 'md:relative w-[260px] max-w-[260px]'
: '-translate-x-[260px] w-[0px]'} {$isApp
? `ml-[4.5rem] md:ml-0 `
: 'transition-width duration-200 ease-in-out'} flex-shrink-0 bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-200 text-sm fixed z-50 top-0 left-0 overflow-x-hidden
: 'transition-width duration-200 ease-in-out'} shrink-0 bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-200 text-sm fixed z-50 top-0 left-0 overflow-x-hidden
"
data-state={$showSidebar}
>
@@ -540,7 +540,7 @@
<!-- {#if $user?.role === 'admin'}
<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
<a
class="flex-grow flex items-center space-x-3 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
class="grow flex items-center space-x-3 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
href="/home"
on:click={() => {
selectedChatId = null;
@@ -566,7 +566,7 @@
{#if $user?.role === 'admin' || $user?.permissions?.workspace?.models || $user?.permissions?.workspace?.knowledge || $user?.permissions?.workspace?.prompts || $user?.permissions?.workspace?.tools}
<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
<a
class="flex-grow flex items-center space-x-3 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
class="grow flex items-center space-x-3 rounded-lg px-2 py-[7px] hover:bg-gray-100 dark:hover:bg-gray-900 transition"
href="/workspace"
on:click={() => {
selectedChatId = null;
src/lib/components/layout/Sidebar/ArchivedChatsModal.svelte
+2 -2
View File
@@ -120,13 +120,13 @@
</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={searchValue}
placeholder={$i18n.t('Search Chats')}
/>
</div>
</div>
<hr class=" dark:border-gray-850 my-2" />
<hr class="border-gray-100 dark:border-gray-850 my-2" />
<div class=" flex flex-col w-full sm:flex-row sm:justify-center sm:space-x-6">
{#if chats.length > 0}
<div class="w-full">
src/lib/components/layout/Sidebar/ChannelModal.svelte
+1 -1
View File
@@ -112,7 +112,7 @@
<div class="flex-1">
<input
class="w-full text-sm bg-transparent placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-none"
class="w-full text-sm bg-transparent placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden"
type="text"
bind:value={name}
placeholder={$i18n.t('new-channel')}
src/lib/components/layout/Sidebar/ChatItem.svelte
+2 -2
View File
@@ -241,7 +241,7 @@
use:focusEdit
bind:value={chatTitle}
id="chat-title-input-{id}"
class=" bg-transparent w-full outline-none mr-10"
class=" bg-transparent w-full outline-hidden mr-10"
/>
</div>
{:else}
@@ -291,7 +291,7 @@
: 'invisible group-hover:visible from-gray-100 dark:from-gray-950'}
absolute {className === 'pr-2'
? 'right-[8px]'
: 'right-0'} top-[4px] py-1 pr-0.5 mr-1.5 pl-5 bg-gradient-to-l from-80%
: 'right-0'} top-[4px] py-1 pr-0.5 mr-1.5 pl-5 bg-linear-to-l from-80%
to-transparent"
on:mouseenter={(e) => {
src/lib/components/layout/Sidebar/RecursiveFolder.svelte
+2 -2
View File
@@ -357,7 +357,7 @@
<div bind:this={folderElement} class="relative {className}" draggable="true">
{#if draggedOver}
<div
class="absolute top-0 left-0 w-full h-full rounded-sm bg-gray-100/50 dark:bg-gray-700/20 bg-opacity-50 dark:bg-opacity-10 z-50 pointer-events-none touch-none"
class="absolute top-0 left-0 w-full h-full rounded-xs bg-gray-100/50 dark:bg-gray-700/20 bg-opacity-50 dark:bg-opacity-10 z-50 pointer-events-none touch-none"
></div>
{/if}
@@ -412,7 +412,7 @@
edit = false;
}
}}
class="w-full h-full bg-transparent text-gray-500 dark:text-gray-500 outline-none"
class="w-full h-full bg-transparent text-gray-500 dark:text-gray-500 outline-hidden"
/>
{:else}
{folders[folderId].name}
src/lib/components/layout/Sidebar/SearchInput.svelte
+2 -2
View File
@@ -98,7 +98,7 @@
</div>
<input
class="w-full rounded-r-xl py-1.5 pl-2.5 pr-4 text-sm bg-transparent dark:text-gray-300 outline-none"
class="w-full rounded-r-xl py-1.5 pl-2.5 pr-4 text-sm bg-transparent dark:text-gray-300 outline-hidden"
placeholder={placeholder ? placeholder : $i18n.t('Search')}
bind:value
on:input={() => {
@@ -178,7 +178,7 @@
}}
>
<div
class="dark:text-gray-300 text-gray-700 font-medium line-clamp-1 flex-shrink-0"
class="dark:text-gray-300 text-gray-700 font-medium line-clamp-1 shrink-0"
>
{tag.name}
</div>
src/lib/components/layout/UpdateInfoToast.svelte
+1 -1
View File
@@ -26,7 +26,7 @@
>
</div>
<div class=" flex-shrink-0 pr-1">
<div class=" shrink-0 pr-1">
<button
class=" hover:text-blue-900 dark:hover:text-blue-300 transition"
on:click={() => {