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-08-28 13:34:10 -04:00
1 parent 12d4b4ac59
commit 99cb8257f7
6 files changed
+37 -37
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/layout/Sidebar.svelte
+1 -1
View File
@@ -1483,7 +1483,7 @@
<div slot="content"> <div slot="content">
<DropdownMenu className="min-w-[10.625rem]"> <DropdownMenu className="min-w-[10.625rem]">
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={markAllChatsReadHandler} on:click={markAllChatsReadHandler}
> >
<CheckIcon className="size-3.5" /> <CheckIcon className="size-3.5" />
src/lib/components/layout/Sidebar/ChannelItem.svelte
+1 -1
View File
@@ -80,7 +80,7 @@
<div <div
id="sidebar-channel-item" id="sidebar-channel-item"
bind:this={itemElement} bind:this={itemElement}
class=" w-full {className} rounded-xl flex relative group hover:bg-gray-100 dark:hover:bg-gray-900 {$page class=" w-full {className} rounded-xl flex relative group hover:bg-gray-50 dark:hover:bg-gray-900 {$page
.url.pathname === `/channels/${channel.id}` .url.pathname === `/channels/${channel.id}`
? 'bg-gray-100 dark:bg-gray-900 selected' ? 'bg-gray-100 dark:bg-gray-900 selected'
: ''} {channel?.type === 'dm' ? 'px-1 py-[0.1875rem]' : 'p-1'} {channel?.unread_count > 0 : ''} {channel?.type === 'dm' ? 'px-1 py-[0.1875rem]' : 'p-1'} {channel?.unread_count > 0
src/lib/components/layout/Sidebar/ChatMenu.svelte
+13 -13
View File
@@ -311,7 +311,7 @@
{#if $user?.role === 'admin' || ($user.permissions?.chat?.share ?? true)} {#if $user?.role === 'admin' || ($user.permissions?.chat?.share ?? true)}
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
shareHandler(); shareHandler();
}} }}
@@ -326,7 +326,7 @@
<button <button
slot="trigger" slot="trigger"
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
> >
<DownloadIcon className="size-3.5" strokeWidth="1.5" /> <DownloadIcon className="size-3.5" strokeWidth="1.5" />
<div class="flex items-center">{$i18n.t('Download')}</div> <div class="flex items-center">{$i18n.t('Download')}</div>
@@ -334,7 +334,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
downloadJSONExport(); downloadJSONExport();
}} }}
@@ -344,7 +344,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
downloadTxt(); downloadTxt();
}} }}
@@ -354,7 +354,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 select-none w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 select-none w-full"
on:click={() => { on:click={() => {
downloadPdf(); downloadPdf();
}} }}
@@ -366,7 +366,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
dropdown.close(); dropdown.close();
renameHandler(); renameHandler();
@@ -378,7 +378,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
dropdown.close(); dropdown.close();
markUnreadHandler(); markUnreadHandler();
@@ -392,7 +392,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
dropdown.close(); dropdown.close();
pinHandler(); pinHandler();
@@ -410,7 +410,7 @@
{#if $user?.role === 'admin' || ($user?.permissions?.chat?.import ?? true)} {#if $user?.role === 'admin' || ($user?.permissions?.chat?.import ?? true)}
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
dropdown.close(); dropdown.close();
cloneChatHandler(); cloneChatHandler();
@@ -426,7 +426,7 @@
<button <button
slot="trigger" slot="trigger"
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 select-none w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 select-none w-full"
> >
<FolderIcon className="size-3.5" /> <FolderIcon className="size-3.5" />
<div class="flex items-center">{$i18n.t('Move')}</div> <div class="flex items-center">{$i18n.t('Move')}</div>
@@ -435,7 +435,7 @@
{#each $folders.sort((a, b) => b.updated_at - a.updated_at) as folder} {#each $folders.sort((a, b) => b.updated_at - a.updated_at) as folder}
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 overflow-hidden w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 overflow-hidden w-full"
on:click={() => { on:click={() => {
moveChatHandler(chatId, folder.id); moveChatHandler(chatId, folder.id);
}} }}
@@ -452,7 +452,7 @@
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
archiveChatHandler(); archiveChatHandler();
}} }}
@@ -464,7 +464,7 @@
{#if $user?.role === 'admin' || ($user?.permissions?.chat?.delete ?? true)} {#if $user?.role === 'admin' || ($user?.permissions?.chat?.delete ?? true)}
<button <button
draggable="false" draggable="false"
class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40 w-full" class="flex h-[1.6875rem] gap-2 items-center rounded-xl px-2 text-[0.8125rem] cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900 w-full"
on:click={() => { on:click={() => {
deleteHandler(); deleteHandler();
}} }}
src/lib/components/layout/Sidebar/Folders/FolderMenu.svelte
+6 -6
View File
@@ -48,7 +48,7 @@
<div slot="content"> <div slot="content">
<DropdownMenu className="min-w-[10.625rem]"> <DropdownMenu className="min-w-[10.625rem]">
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
onCreateSubFolder(); onCreateSubFolder();
}} }}
@@ -60,7 +60,7 @@
<hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" /> <hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" />
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
show = false; show = false;
onMarkAllRead(); onMarkAllRead();
@@ -73,7 +73,7 @@
<hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" /> <hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" />
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
onEdit(); onEdit();
}} }}
@@ -83,7 +83,7 @@
</button> </button>
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
onExport(); onExport();
}} }}
@@ -93,7 +93,7 @@
</button> </button>
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
onShare(); onShare();
}} }}
@@ -105,7 +105,7 @@
<hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" /> <hr class="border-gray-50/30 dark:border-gray-800/30 mx-1 my-0.5" />
<button <button
class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50/40 dark:hover:bg-gray-800/40" class="flex h-[1.6875rem] w-full items-center gap-2 rounded-xl px-2 text-[0.8125rem] select-none cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-900"
on:click={() => { on:click={() => {
onDelete(); onDelete();
}} }}
src/lib/components/layout/Sidebar/RecursiveFolder.svelte
+2 -2
View File
@@ -742,7 +742,7 @@
<div class="w-full group"> <div class="w-full group">
<div <div
id="folder-{folderId}-button" id="folder-{folderId}-button"
class="relative w-full py-1 px-1.5 rounded-xl flex items-center gap-1.5 hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition {$selectedFolder?.id === class="relative w-full py-1 px-1.5 rounded-xl flex items-center gap-1.5 hover:bg-gray-50 dark:hover:bg-gray-900 transition {$selectedFolder?.id ===
folderId folderId
? 'bg-gray-100/80 dark:bg-gray-850/50 selected' ? 'bg-gray-100/80 dark:bg-gray-850/50 selected'
: ''}" : ''}"
@@ -778,7 +778,7 @@
}} }}
> >
<button <button
class="text-gray-600 dark:text-gray-400 transition-all p-1 hover:bg-gray-50/40 dark:hover:bg-gray-800/40 rounded-lg" class="text-gray-600 dark:text-gray-400 transition-all p-1 hover:bg-gray-50 dark:hover:bg-gray-900 rounded-lg"
on:click={(e) => { on:click={(e) => {
e.stopPropagation(); e.stopPropagation();
e.stopImmediatePropagation(); e.stopImmediatePropagation();
src/lib/components/layout/Sidebar/UserMenu.svelte
+14 -14
View File
@@ -118,7 +118,7 @@
{#if $user} {#if $user}
<div> <div>
<button <button
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-xs w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none text-left" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-xs w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none text-left"
type="button" type="button"
on:click={async () => { on:click={async () => {
show = false; show = false;
@@ -166,7 +166,7 @@
{#if $user?.status_emoji || $user?.status_message} {#if $user?.status_emoji || $user?.status_message}
<div class="user-menu-status"> <div class="user-menu-status">
<button <button
class="w-full h-[1.6875rem] gap-2 rounded-xl px-2 hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none text-xs flex items-center text-left" class="w-full h-[1.6875rem] gap-2 rounded-xl px-2 hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none text-xs flex items-center text-left"
type="button" type="button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -218,7 +218,7 @@
{:else} {:else}
<div class="user-menu-status"> <div class="user-menu-status">
<button <button
class="w-full h-[1.6875rem] gap-2 rounded-xl px-2 hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none text-xs flex items-center text-left" class="w-full h-[1.6875rem] gap-2 rounded-xl px-2 hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none text-xs flex items-center text-left"
type="button" type="button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -243,7 +243,7 @@
<a <a
href="/workspace" href="/workspace"
draggable="false" draggable="false"
class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;
e.preventDefault(); e.preventDefault();
@@ -287,7 +287,7 @@
<a <a
href="/notes" href="/notes"
draggable="false" draggable="false"
class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;
e.preventDefault(); e.preventDefault();
@@ -331,7 +331,7 @@
<a <a
href="/calendar" href="/calendar"
draggable="false" draggable="false"
class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;
e.preventDefault(); e.preventDefault();
@@ -375,7 +375,7 @@
<a <a
href="/automations" href="/automations"
draggable="false" draggable="false"
class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;
e.preventDefault(); e.preventDefault();
@@ -419,7 +419,7 @@
<a <a
href="/playground" href="/playground"
draggable="false" draggable="false"
class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex flex-1 h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) return;
e.preventDefault(); e.preventDefault();
@@ -468,7 +468,7 @@
href="https://docs.openwebui.com" href="https://docs.openwebui.com"
target="_blank" target="_blank"
draggable="false" draggable="false"
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
id="chat-share-button" id="chat-share-button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -485,7 +485,7 @@
href="https://github.com/open-webui/open-webui/releases" href="https://github.com/open-webui/open-webui/releases"
target="_blank" target="_blank"
draggable="false" draggable="false"
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
id="chat-share-button" id="chat-share-button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -499,7 +499,7 @@
{/if} {/if}
<button <button
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
type="button" type="button"
id="chat-share-button" id="chat-share-button"
on:click={async () => { on:click={async () => {
@@ -525,7 +525,7 @@
<a <a
href="/admin" href="/admin"
draggable="false" draggable="false"
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
on:click={async (e) => { on:click={async (e) => {
if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) { if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1) {
return; return;
@@ -547,7 +547,7 @@
{/if} {/if}
<button <button
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
type="button" type="button"
on:click={async () => { on:click={async () => {
show = false; show = false;
@@ -567,7 +567,7 @@
</button> </button>
<button <button
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[0.8125rem] w-full hover:bg-gray-50 dark:hover:bg-gray-900 transition cursor-pointer select-none"
type="button" type="button"
on:click={async () => { on:click={async () => {
const res = await userSignOut(); const res = await userSignOut();