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 committed 2026-07-14 23:20:15 -04:00
1 parent 263bbc77d8
commit 254888cf15
24 files changed
+236 -284
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/layout/Sidebar.svelte
+9 -9
View File
@@ -1006,7 +1006,7 @@
: 'invisible'}"
>
<div
class="sidebar px-1.5 pt-1.5 pb-1 flex justify-between space-x-1 text-gray-600 dark:text-gray-400 sticky top-0 z-10 -mb-2"
class="sidebar px-1 pt-1.5 pb-1 flex justify-between space-x-1 text-gray-600 dark:text-gray-400 sticky top-0 z-10 -mb-2"
>
<a
class="flex items-center rounded-xl size-8.5 h-full justify-center hover:bg-gray-100/50 dark:hover:bg-gray-850/50 transition no-drag-region"
@@ -1067,10 +1067,10 @@
}}
>
<div class="pb-1">
<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
<div class="px-1 flex justify-center text-gray-800 dark:text-gray-200">
<a
id="sidebar-new-chat-button"
class="group grow flex items-center space-x-2.5 rounded-xl px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition outline-none"
class="group grow flex items-center space-x-2 rounded-xl px-2 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition outline-none"
href="/"
draggable="false"
on:click={newChatHandler}
@@ -1088,10 +1088,10 @@
</a>
</div>
<div class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200">
<div class="px-1 flex justify-center text-gray-800 dark:text-gray-200">
<button
id="sidebar-search-button"
class="group grow flex items-center space-x-2.5 rounded-xl px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition outline-none"
class="group grow flex items-center space-x-2 rounded-xl px-2 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition outline-none"
on:click={() => {
showSearch.set(true);
}}
@@ -1114,12 +1114,12 @@
{@const meta = getMenuItemMeta(itemId)}
{#if meta && isMenuItemVisible(itemId)}
<div
class="px-1.5 flex justify-center text-gray-800 dark:text-gray-200"
class="px-1 flex justify-center text-gray-800 dark:text-gray-200"
data-id={itemId}
>
<a
id="sidebar-{itemId}-button"
class="grow flex items-center space-x-2.5 rounded-xl px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition"
class="grow flex items-center space-x-2 rounded-xl px-2 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition"
href={meta.href}
on:click={itemClickHandler}
draggable="false"
@@ -1556,7 +1556,7 @@
</SidebarSection>
</div>
<div class="px-1.5 pt-1 pb-1.5 sticky bottom-0 z-10 -mt-2 sidebar">
<div class="px-1 pt-1 pb-1.5 sticky bottom-0 z-10 -mt-2 sidebar">
<div
class=" sidebar-bg-gradient-to-t bg-linear-to-t from-gray-50 dark:from-gray-950 to-transparent from-50% pointer-events-none absolute inset-0 -z-10 -mt-6"
></div>
@@ -1569,7 +1569,7 @@
>
<button
type="button"
class=" flex items-center rounded-xl py-2 px-1.5 w-full hover:bg-gray-100/50 dark:hover:bg-gray-900/50 transition"
class=" flex items-center rounded-xl py-2 px-1 w-full hover:bg-gray-100/50 dark:hover:bg-gray-900/50 transition"
aria-label={$i18n.t('User menu')}
>
<div class=" self-center mr-3 relative flex-shrink-0">
src/lib/components/layout/Sidebar/ChatItem.svelte
+2 -4
View File
@@ -453,8 +453,7 @@
{#if confirmEdit}
<div
id="sidebar-chat-item"
class=" w-full flex justify-between rounded-xl px-[11px] py-[6px] {id === $chatId ||
confirmEdit
class=" w-full flex justify-between rounded-xl px-2 py-[6px] {id === $chatId || confirmEdit
? ($settings?.highContrastMode ?? false)
? 'bg-gray-100 dark:bg-gray-800 selected'
: 'bg-gray-100 dark:bg-gray-900 selected'
@@ -493,8 +492,7 @@
{:else}
<a
id="sidebar-chat-item"
class=" w-full flex justify-between rounded-xl px-[11px] py-[6px] {id === $chatId ||
confirmEdit
class=" w-full flex justify-between rounded-xl px-2 py-[6px] {id === $chatId || confirmEdit
? ($settings?.highContrastMode ?? false)
? 'bg-gray-100 dark:bg-gray-800 selected'
: 'bg-gray-100 dark:bg-gray-900 selected'
src/lib/components/layout/Sidebar/PinnedModelItem.svelte
+2 -2
View File
@@ -29,7 +29,7 @@
}}
>
<a
class="grow flex items-center space-x-2.5 rounded-xl px-2.5 py-[7px] group-hover:bg-gray-100 dark:group-hover:bg-gray-900 transition"
class="grow flex items-center space-x-2 rounded-xl px-2 py-[7px] group-hover:bg-gray-100 dark:group-hover:bg-gray-900 transition"
href="/?model={model?.id}"
on:click={onClick}
draggable="false"
@@ -46,7 +46,7 @@
</div>
<div class="flex self-center translate-y-[0.5px]">
<div class=" self-center text-sm line-clamp-1">
<div class=" self-center text-sm line-clamp-1">
{model?.name ?? model.id}
</div>
</div>
src/lib/components/layout/Sidebar/PinnedNoteList.svelte
+1 -1
View File
@@ -62,7 +62,7 @@
{#each sortedPinnedNotes as note (note.id)}
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class="flex items-center text-gray-800 dark:text-gray-200 cursor-grab relative group rounded-xl px-2.5 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition"
class="flex items-center text-gray-800 dark:text-gray-200 cursor-grab relative group rounded-xl px-2 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-900 transition"
data-id={note.id}
>
<a