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/AccessoryBagUpgrades.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/AccessoryBagUpgrades.svelte')
-rw-r--r-- | src/lib/sections/AccessoryBagUpgrades.svelte | 100 |
1 files changed, 0 insertions, 100 deletions
diff --git a/src/lib/sections/AccessoryBagUpgrades.svelte b/src/lib/sections/AccessoryBagUpgrades.svelte deleted file mode 100644 index 74530d1..0000000 --- a/src/lib/sections/AccessoryBagUpgrades.svelte +++ /dev/null @@ -1,100 +0,0 @@ -<script lang="ts"> - import type { CleanMemberProfile } from '$lib/APITypes' - import Emoji from '$lib/Emoji.svelte' - import ListItemWithIcon from '$lib/ListItemWithIcon.svelte' - import { cleanId, skyblockTime } from '$lib/utils' - - export let data: CleanMemberProfile - - $: bagData = data.member.accessoryBagUpgrades -</script> - -<span class="accessory-bag-upgrades"> - <h3>Upgrades</h3> - <div class="accessory-bag-info-text"> - <p>Purchased: <b>{bagData.upgrades.purchased}</b></p> - <p>Coins spent: <b>{bagData.upgrades.coinsSpent.toLocaleString()}</b></p> - <p>Extra slots: <b>{bagData.upgrades.extraSlots}</b></p> - </div> - - <h3>Powers</h3> - {#if bagData.powers.selected} - <p class="accessory-bag-info-text"> - Selected: <b>{cleanId(bagData.powers.selected)}</b> - </p> - {/if} - <ul> - {#each bagData.powers.list as power} - <li> - {#if bagData.powers.selected === power} - <b>{cleanId(power)}</b> - {:else} - {cleanId(power)} - {/if} - </li> - {/each} - </ul> - - <div class="tuning-templates"> - {#each bagData.tuningTemplates as template, template_index} - <div class="tuning-template"> - <h3>Template #{template_index + 1}</h3> - <div class="accessory-bag-info-text"> - {#each Object.entries(template) as [statName, statValue]} - <p>{cleanId(statName)}: <b>{statValue}</b></p> - {/each} - </div> - </div> - {/each} - </div> -</span> - -<style> - p, - ul { - margin: 0; - } - ul { - padding-left: 1.5em; - } - h3 { - margin: 0.5em 0 0 0; - } - - .accessory-bag-info-text { - color: var(--theme-darker-text); - } - .accessory-bag-info-text b { - color: var(--theme-main-text); - } - - .tuning-templates { - display: flex; - flex-wrap: wrap; - max-width: 40rem; - column-gap: 0.5rem; - row-gap: 0.5rem; - margin-top: 1rem; - } - .tuning-template { - border: 1px solid rgba(255, 255, 255, 0.1); - background: rgba(0, 0, 0, 0.1); - padding: 0.75em; - border-radius: 1em; - } - .tuning-template h3 { - margin: 0; - } - - .accessory-bag-upgrades { - /* width: 5rem; */ - } - @media only screen and (min-width: 1160px) { - .accessory-bag-upgrades { - display: inline-grid; - position: relative; - top: -1.5em; - left: 0.5em; - } - } -</style> |