diff options
| author | mat <27899617+mat-1@users.noreply.github.com> | 2022-12-15 20:19:42 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-15 20:19:42 -0600 |
| commit | ed5eedab8f9fc90dadf5c442cf559572d1b35f0c (patch) | |
| tree | 01a763fd11810e9970f14f7dae180e95b279de9a /src/lib/sections/Slayers.svelte | |
| parent | 89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff) | |
| parent | 103689520f51991a1e9a4ca5829fe2f46d1a32c2 (diff) | |
| download | skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.gz skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.tar.bz2 skyblock-stats-ed5eedab8f9fc90dadf5c442cf559572d1b35f0c.zip | |
Merge pull request #6 from skyblockstats/sveltekit-v1
Sveltekit v1
Diffstat (limited to 'src/lib/sections/Slayers.svelte')
| -rw-r--r-- | src/lib/sections/Slayers.svelte | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/src/lib/sections/Slayers.svelte b/src/lib/sections/Slayers.svelte deleted file mode 100644 index 40fa67d..0000000 --- a/src/lib/sections/Slayers.svelte +++ /dev/null @@ -1,74 +0,0 @@ -<script lang="ts"> - import type { CleanMemberProfile } from '$lib/APITypes' - import { cleanId, toRomanNumerals } from '$lib/utils' - - export let data: CleanMemberProfile -</script> - -{#if data.member.slayers} - <div class="slayer-info-text total-slayer-info-text"> - <p>Xp: <b>{data.member.slayers.xp}</b></p> - <p>Kills: <b>{data.member.slayers.kills}</b></p> - </div> - <div class="slayers-list"> - {#each data.member.slayers.bosses as slayer} - <div class="individual-slayer-data"> - <h3>{slayer.name ? cleanId(slayer.name) : cleanId(slayer.rawName)}</h3> - <div class="slayer-info-text"> - <p>Xp: <b>{slayer.xp.toLocaleString()}</b></p> - <p>Level: <b>{slayer.level}</b></p> - </div> - <table> - <tr> - {#each slayer.tiers as tier} - <th>Tier {toRomanNumerals(tier.tier)}</th> - {/each} - </tr> - <tr> - {#each slayer.tiers as tier} - <td class="slayer-tier-kills"> - {tier.kills.toLocaleString()} - </td> - {/each} - </tr> - </table> - </div> - {/each} - </div> -{/if} - -<style> - p { - margin: 0; - } - - .total-slayer-info-text { - margin: 0.5em 0; - } - - .slayer-tier-kills { - text-align: center; - } - - .slayer-info-text { - color: var(--theme-darker-text); - } - .slayer-info-text b { - color: var(--theme-main-text); - } - - .individual-slayer-data { - border: 1px solid rgba(255, 255, 255, 0.1); - background: rgba(0, 0, 0, 0.1); - padding: 0.75em; - border-radius: 1em; - } - - .slayers-list { - display: flex; - flex-wrap: wrap; - max-width: 40rem; - column-gap: 0.5rem; - row-gap: 0.5rem; - } -</style> |