diff options
author | mat <github@matdoes.dev> | 2022-12-15 18:22:09 -0600 |
---|---|---|
committer | mat <github@matdoes.dev> | 2022-12-15 18:22:09 -0600 |
commit | 054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd (patch) | |
tree | ebcbebfe4948cbcf72f8d0c644a8f37714867754 /src/lib/sections/AccessoryBagUpgrades.svelte | |
parent | 925ad2bfff17f8d9381731fb0050936dcd7e0a72 (diff) | |
download | skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.tar.gz skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.tar.bz2 skyblock-stats-054fe6ddee1ecbbf336c1ec9fbce08ebd0a54ebd.zip |
fix mayor skin + move sections dir
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> |