diff options
Diffstat (limited to 'src/components/Avatar.svelte')
| -rw-r--r-- | src/components/Avatar.svelte | 44 |
1 files changed, 23 insertions, 21 deletions
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte index b258a0e8..3955a42f 100644 --- a/src/components/Avatar.svelte +++ b/src/components/Avatar.svelte @@ -1,29 +1,31 @@ <script> - import { avatar, banner, colorTheme } from '$lib/store'; - import { Icon } from '$comp'; - import { punk } from '$lib/utils'; + import { avatar, banner, colorTheme } from "$lib/store"; + import { Icon } from "$comp"; + import { punk } from "$lib/utils"; - export let user; - export let size = 32; - export let disabled = false; + export let user; + export let size = 32; + export let disabled = false; - $: s = size.toString(); - $: link = user.anon ? `/${user.pubkey}` : `/${user.username}`; + $: s = size.toString(); + $: link = user.anon ? `/${user.pubkey}` : `/${user.username}`; - $: src = - ($avatar?.id && $avatar.id === user.id && $avatar.src) || - '/api/public/' + - (user.profile ? user.profile + '.webp' : 'punks/' + punk(user.pubkey || user.id || 'aa')); + $: src = + ($avatar?.id && $avatar.id === user.id && $avatar.src) || + "/api/public/" + + (user.profile + ? user.profile + ".webp" + : "punks/" + punk(user.pubkey || user.id || "aa")); </script> <a href={link} class:pointer-events-none={disabled}> - <div - class="w-{s} h-{s} rounded-full border-4 border-white overflow-hidden bg-gradient-to-r {$colorTheme} flex justify-center items-center" - > - <img - {src} - class="w-full h-full object-cover object-center overflow-hidden" - alt={user.username} - /> - </div> + <div + class="w-{s} h-{s} rounded-full border-4 border-white overflow-hidden bg-gradient-to-r {$colorTheme} flex justify-center items-center" + > + <img + {src} + class="w-full h-full object-cover object-center overflow-hidden" + alt={user.username} + /> + </div> </a> |