diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppHeader.svelte | 4 | ||||
| -rw-r--r-- | src/components/Avatar.svelte | 6 |
2 files changed, 5 insertions, 5 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 59537ffa..8d64e713 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -1,6 +1,6 @@ <script> import OutClick from 'svelte-outclick'; - import { newPayment, colorTheme } from '$lib/store'; + import { banner, newPayment, colorTheme } from '$lib/store'; import { goto } from '$app/navigation'; import { Avatar, Icon } from '$comp'; import { t } from '$lib/translations'; @@ -23,7 +23,7 @@ let showMenu = false; - $: bg = subject?.banner ? `url(/api/public/${subject.id}-banner.webp)` : undefined; + $: bg = $banner?.id === subject.id ? `url(${$banner.src})` : subject?.banner ? `url(/api/public/${subject.id}-banner.webp)` : undefined; $: $page && (showMenu = false); </script> diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte index 09161e01..43331c19 100644 --- a/src/components/Avatar.svelte +++ b/src/components/Avatar.svelte @@ -1,5 +1,5 @@ <script> - import { colorTheme } from '$lib/store'; + import { avatar, banner, colorTheme } from '$lib/store'; import { Icon } from '$comp'; import { punk } from '$lib/utils'; @@ -10,9 +10,9 @@ $: s = size.toString(); $: link = user.anon ? `/${user.pubkey}` : `/${user.username}`; - $: src = + $: src = ($avatar?.id === user.id && $avatar.src) || '/api/public/' + - (user?.profile ? user.id + '-profile.webp' : 'punks/' + punk(user?.pubkey || user?.id || 'aa')); + (user.profile ? user.id + '-profile.webp' : 'punks/' + punk(user.pubkey || user.id || 'aa')); </script> <a href={link} class:pointer-events-none={disabled}> |