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/Inventories.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/Inventories.svelte')
-rw-r--r-- | src/lib/sections/Inventories.svelte | 105 |
1 files changed, 0 insertions, 105 deletions
diff --git a/src/lib/sections/Inventories.svelte b/src/lib/sections/Inventories.svelte deleted file mode 100644 index 1dd7d28..0000000 --- a/src/lib/sections/Inventories.svelte +++ /dev/null @@ -1,105 +0,0 @@ -<script lang="ts"> - import { inventoryIconMap, skyblockItemToUrl, type Item } from '$lib/minecraft/inventory' - import Inventory from '$lib/minecraft/Inventory.svelte' - import type { MatcherFile } from 'skyblock-assets' - import { cleanId } from '$lib/utils' - import AccessoryBagUpgrades from './AccessoryBagUpgrades.svelte' - import type { CleanMemberProfile } from '$lib/APITypes' - - export let data: CleanMemberProfile - export let pack: MatcherFile - - let displayingInventories: string[] = [] - for (const inventoryName in data.member.inventories) - if (inventoryName !== 'armor') displayingInventories.push(inventoryName) - - let selectedInventoryName: string = displayingInventories[0] -</script> - -{#if displayingInventories.length > 1} - <div id="inventory-tabs"> - {#each displayingInventories as inventoryName} - <button - class="inventory-tab" - class:inventory-tab-active={inventoryName === selectedInventoryName} - on:click={() => (selectedInventoryName = inventoryName)} - > - {#if inventoryName in inventoryIconMap} - <img - class="inventory-tab-icon" - loading="lazy" - src={skyblockItemToUrl(inventoryIconMap[inventoryName], pack, 50)} - alt={cleanId(inventoryName)} - /> - {/if} - <span class="inventory-tab-name">{cleanId(inventoryName)}</span> - </button> - {/each} - </div> -{/if} -{#if data.member.inventories} - {#each displayingInventories as inventoryName} - {#if inventoryName === selectedInventoryName} - <span id={inventoryName} class="inventory-content"> - <Inventory items={data.member.inventories[inventoryName]} {pack} name={inventoryName} /> - </span> - {#if inventoryName == 'accessory_bag'} - <AccessoryBagUpgrades {data} /> - {/if} - {/if} - {/each} -{/if} - -<style> - #inventory-tabs { - margin-bottom: 1em; - overflow: hidden; - border-radius: 1em; - max-width: 40em; - /* box-shadow: 0 0 1em #000; */ - } - .inventory-tab { - /* background-color: var(--theme-lighter-background); */ - background-color: rgba(20, 20, 20, 0.4); - color: var(--theme-main-text); - border: none; - border-radius: 0; - padding: 0 0.5em; - cursor: pointer; - transition-duration: 200ms; - height: 2.5em; - vertical-align: middle; - } - .inventory-tab-icon { - height: 1.5em; - width: 1.5em; - vertical-align: text-bottom; - position: relative; - top: 0.1em; - image-rendering: crisp-edges; - image-rendering: pixelated; - } - .inventory-tab-name { - vertical-align: text-top; - } - .inventory-tab:hover, - .inventory-tab-active { - background-color: rgba(40, 40, 40, 0.9); - } - - .inventory-content { - display: inline-grid; - } - - @media only screen and (max-width: 480px) { - .inventory-content :global(.item) { - /* there's no good way to override the existing 32px size without !important :( */ - font-size: 24px !important; - } - } - @media only screen and (max-width: 350px) { - .inventory-content :global(.item) { - font-size: 16px !important; - } - } -</style> |