diff options
| author | mat <github@matdoes.dev> | 2022-04-09 19:59:32 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-04-09 19:59:32 -0500 |
| commit | 96f14531c02e9b45f113495218bc6be1016a9ad7 (patch) | |
| tree | 7076b05de5d26dee64bc5f5e3808271b8a9636a6 /src/routes | |
| parent | 1ef948bd4038a0b6f03871648571474296453d8f (diff) | |
| download | skyblock-stats-96f14531c02e9b45f113495218bc6be1016a9ad7.tar.gz skyblock-stats-96f14531c02e9b45f113495218bc6be1016a9ad7.tar.bz2 skyblock-stats-96f14531c02e9b45f113495218bc6be1016a9ad7.zip | |
Include mode in profile list
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/player/[player]/index.svelte | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/routes/player/[player]/index.svelte b/src/routes/player/[player]/index.svelte index 7964af1..c33d43f 100644 --- a/src/routes/player/[player]/index.svelte +++ b/src/routes/player/[player]/index.svelte @@ -36,6 +36,10 @@ import Header from '$lib/Header.svelte' import Head from '$lib/Head.svelte' import { chooseDefaultBackground } from '$lib/backgrounds' + import Emoji from '$lib/Emoji.svelte' + import { MODE_EMOJIS, DEFAULT_MODE_EMOJI } from '$lib/profile' + import Tooltip from '$lib/Tooltip.svelte' + import { cleanId } from '$lib/utils' export let data: CleanUser & { player: CleanPlayer } @@ -93,6 +97,14 @@ > {profile.name} </a> + {#if profile.mode !== 'normal'} + <Tooltip> + <span slot="tooltip"> + {cleanId(profile.mode)} mode + </span> + <Emoji value={MODE_EMOJIS[profile.mode] ?? DEFAULT_MODE_EMOJI} /> + </Tooltip> + {/if} <span class="profile-members"> {#if (profile.members?.length ?? 0) > 1} {#each profile.members?.filter(m => !m.left) ?? [] as player} @@ -119,10 +131,8 @@ </main> <style> - .profile-name { - margin-right: 0.5em; - } .profile-members { + margin-left: 0.5em; color: var(--theme-main-text); } .profile-members > .member { |