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 04:20:28 -04:00
1 parent aedb6bef4e
commit 7b2efdff08
1 file changed
+28 -26
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/layout/Sidebar/UserMenu.svelte
+28 -26
View File
@@ -122,37 +122,39 @@
<slot /> <slot />
<div slot="content"> <div slot="content">
<DropdownMenu className="{className} text-[13px]"> <DropdownMenu className="{className} font-sans text-xs">
{#if $user} {#if $user}
<button <div>
class="flex h-[1.6875rem] items-center gap-2 rounded-xl px-2 text-[13px] w-full hover:bg-gray-50/40 dark:hover:bg-gray-800/40 transition cursor-pointer select-none" <button
type="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"
on:click={async () => { type="button"
show = false; on:click={async () => {
await showSettings.set('account'); show = false;
await showSettings.set('account');
if ($mobile) { if ($mobile) {
await tick(); await tick();
showSidebar.set(false); showSidebar.set(false);
} }
}} }}
> >
<div class="self-center shrink-0 size-4.5 flex items-center justify-center"> <div class="self-center shrink-0 size-4.5 flex items-center justify-center">
<img <img
src={`${WEBUI_API_BASE_URL}/users/${$user.id}/profile/image`} src={`${WEBUI_API_BASE_URL}/users/${$user.id}/profile/image`}
alt="" alt=""
class="size-4.5 rounded-full object-cover" class="size-4.5 rounded-full object-cover"
/> />
</div> </div>
<div class="self-center truncate">{$user.name}</div> <div class="self-center truncate">{$user.name}</div>
</button> </button>
</div>
{/if} {/if}
{#if profile} {#if profile}
{#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-[13px] flex items-center text-left" 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"
type="button" type="button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -167,7 +169,7 @@
<Tooltip <Tooltip
content={$user?.status_message} content={$user?.status_message}
className=" self-center line-clamp-2 flex-1 text-left" className="self-center line-clamp-2 flex-1 text-left"
> >
{$user?.status_message} {$user?.status_message}
</Tooltip> </Tooltip>
@@ -204,7 +206,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-[13px] flex items-center text-left" 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"
type="button" type="button"
on:click={() => { on:click={() => {
show = false; show = false;
@@ -214,7 +216,7 @@
<div class="self-center shrink-0 size-4.5 flex items-center justify-center"> <div class="self-center shrink-0 size-4.5 flex items-center justify-center">
<FaceSmile className="size-3.5" strokeWidth="1.5" /> <FaceSmile className="size-3.5" strokeWidth="1.5" />
</div> </div>
<div class=" self-center truncate">{$i18n.t('Update your status')}</div> <div class="self-center truncate">{$i18n.t('Update your status')}</div>
</button> </button>
</div> </div>
{/if} {/if}