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

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek 2024-09-18 01:21:32 +02:00
parent 614c219010
commit d25ccfba5f
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/layout/Sidebar.svelte
View File

@ -53,6 +53,8 @@
let showDeleteConfirm = false; let showDeleteConfirm = false;
let showDropdown = false; let showDropdown = false;
let selectedTagName = null;
let filteredChatList = []; let filteredChatList = [];
// Pagination variables // Pagination variables
@ -419,10 +421,13 @@
</div> </div>
{#if $tags.filter((t) => t.name !== 'pinned').length > 0} {#if $tags.filter((t) => t.name !== 'pinned').length > 0}
<div class="px-2.5 mb-2 flex gap-1 flex-wrap"> <div class="px-3.5 mb-1 flex gap-0.5 flex-wrap">
<button <button
class="px-2.5 text-xs font-medium bg-gray-50 dark:bg-gray-900 dark:hover:bg-gray-800 transition rounded-full" class="px-2.5 py-[1px] text-xs transition {selectedTagName === null
? 'bg-gray-850'
: ' '} rounded-md"
on:click={async () => { on:click={async () => {
selectedTagName = null;
await enablePagination(); await enablePagination();
}} }}
> >
@ -430,8 +435,11 @@
</button> </button>
{#each $tags.filter((t) => t.name !== 'pinned') as tag} {#each $tags.filter((t) => t.name !== 'pinned') as tag}
<button <button
class="px-2.5 text-xs font-medium bg-gray-50 dark:bg-gray-900 dark:hover:bg-gray-800 transition rounded-full" class="px-2.5 py-[1px] text-xs transition {selectedTagName === tag.name
? 'bg-gray-850'
: ''} rounded-md"
on:click={async () => { on:click={async () => {
selectedTagName = tag.name;
scrollPaginationEnabled.set(false); scrollPaginationEnabled.set(false);
let chatIds = await getChatListByTagName(localStorage.token, tag.name); let chatIds = await getChatListByTagName(localStorage.token, tag.name);
if (chatIds.length === 0) { if (chatIds.length === 0) {