blah/Weblah
1
0
Fork 0
mirror of https://github.com/Blah-IM/Weblah.git synced 2025-11-03 19:31:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: identity dropdown -> settings

Browse source
This commit is contained in:
Shibo Lyu 2024-10-14 23:24:53 +08:00
parent 333b5a4ed4
commit 0cab27cae8
7 changed files with 84 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/lib/components/ProfilePicture.svelte Normal file
View file

@ -0,0 +1,21 @@
<script lang="ts">
import type { Account } from '$lib/accounts/accountStore';
import { AvatarBeam } from 'svelte-boring-avatars';
export let account: Account | undefined;
export let size: number = 32;
</script>
{#if account}
{#key account.id_key}
<AvatarBeam {size} name={account.id_key} />
{/key}
<span class="sr-only">{account.profile.signee.payload.name}</span>
{:else}
<div
class="box-border size-[--weblah-profile-pic-size] rounded-full border-2 border-dashed border-ss-primary"
style:--weblah-profile-pic-size={`${size - 2}px`}
aria-hidden
/>
<span class="sr-only">Account Unavailable</span>
{/if}