diff options
| author | secondl1ght <[email protected]> | 2022-09-13 19:49:07 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-09-13 19:49:07 -0600 |
| commit | 4ff280e4f935f87bf1fe4c5fc574d1146bb9d540 (patch) | |
| tree | bb762502d79dd60b13fb47a9c20a2a38fe741a1d /src/components | |
| parent | 27d090f6dfc47eb13e4c677daeb28e3ba8090da2 (diff) | |
| download | coinos-ui-4ff280e4f935f87bf1fe4c5fc574d1146bb9d540.tar.gz coinos-ui-4ff280e4f935f87bf1fe4c5fc574d1146bb9d540.zip | |
format
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppHeader.svelte | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 8b10f19e..d6ef6158 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -25,7 +25,12 @@ } }; - $: background = $tempProfileFiles && $tempProfileFiles.banner ? `url(${$tempProfileFiles.banner})` : $user?.banner ? `url(/api/public/${$user.username}-banner.png)` : undefined; + $: background = + $tempProfileFiles && $tempProfileFiles.banner + ? `url(${$tempProfileFiles.banner})` + : $user?.banner + ? `url(/api/public/${$user.username}-banner.png)` + : undefined; </script> <header class="bg-gradient-to-r {$colorTheme} h-[175px] w-full relative" style:background> @@ -92,9 +97,13 @@ {/if} </nav> {#if $user.profile} - <div class="absolute top-[calc(175px-48px)] {avatarPosition} rounded-full overflow-hidden text-center w-24 h-24 my-auto"> + <div + class="absolute top-[calc(175px-48px)] {avatarPosition} rounded-full overflow-hidden text-center w-24 h-24 my-auto" + > <img - src={$tempProfileFiles && $tempProfileFiles.profile ? $tempProfileFiles.profile : `/api/public/${$user.username}-profile.png`} + src={$tempProfileFiles && $tempProfileFiles.profile + ? $tempProfileFiles.profile + : `/api/public/${$user.username}-profile.png`} class="absolute w-full h-full object-cover object-center visible overflow-hidden" /> </div> |