aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/AppHeader.svelte
diff options
context:
space:
mode:
authorsecondl1ght <[email protected]>2022-09-24 22:20:18 -0600
committersecondl1ght <[email protected]>2022-09-24 22:20:18 -0600
commitf4dead26c92e2ef6be45af0eb56d12bb3a00d983 (patch)
tree41048b6b097d90e01c696213789ea7f2bdabda05 /src/components/AppHeader.svelte
parentfb264d8f09662f1acd8141ae0ee6d2e08cb011fe (diff)
downloadcoinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.tar.gz
coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.zip
lots of style updates after design review, bug fixes, and more improve
Diffstat (limited to 'src/components/AppHeader.svelte')
-rw-r--r--src/components/AppHeader.svelte8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 04426bd3..f0272fe1 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -116,20 +116,20 @@
</nav>
{#if $subject?.profile}
<div
- class="absolute {avatarPosition} rounded-full overflow-hidden text-center w-24 h-24 my-auto"
+ class="absolute top-[111px] {avatarPosition} rounded-full border-4 border-white overflow-hidden w-32 h-32"
>
<img
src={$tempProfileFiles && $tempProfileFiles.profile
? $tempProfileFiles.profile
: `/api/public/${$subject.username}-profile.png`}
- class="absolute w-full h-full object-cover object-center visible overflow-hidden"
+ class="w-full h-full object-cover object-center overflow-hidden"
/>
</div>
{:else}
<div
- class="absolute top-[calc(175px-48px)] {avatarPosition} rounded-full border-4 border-white p-4 bg-gradient-to-r {$colorTheme} w-24 h-24"
+ class="absolute top-[111px] {avatarPosition} rounded-full border-4 border-white p-4 bg-gradient-to-r {$colorTheme} w-32 h-32 flex justify-center items-center"
>
- <Icon icon="logo-symbol-white" style="mx-auto" />
+ <Icon icon="logo-symbol-white" />
</div>
{/if}
</header>