aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Avatar.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-12-01 20:04:13 -0800
committerAdam Soltys <[email protected]>2023-12-01 20:04:13 -0800
commit216a600224fde22ce76b367557a02094ec693886 (patch)
treed1189bbaa39db204633523132a7d4767b952717d /src/components/Avatar.svelte
parent7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff)
downloadcoinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz
coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip
prettier
Diffstat (limited to 'src/components/Avatar.svelte')
-rw-r--r--src/components/Avatar.svelte44
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>