diff options
| author | mat <github@matdoes.dev> | 2022-02-21 22:39:38 -0600 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-21 22:39:38 -0600 |
| commit | 55cddf1e2c746c6836b03f0761f0771bbc982730 (patch) | |
| tree | 6201b17170a27b09635172d67c827a16ca78f60f /src/lib/minecraft/Inventory.svelte | |
| parent | 2071203061bfbb18f2c1991b45556b8ec47536a8 (diff) | |
| download | skyblock-stats-55cddf1e2c746c6836b03f0761f0771bbc982730.tar.gz skyblock-stats-55cddf1e2c746c6836b03f0761f0771bbc982730.tar.bz2 skyblock-stats-55cddf1e2c746c6836b03f0761f0771bbc982730.zip | |
fix layout shift
Diffstat (limited to 'src/lib/minecraft/Inventory.svelte')
| -rw-r--r-- | src/lib/minecraft/Inventory.svelte | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/src/lib/minecraft/Inventory.svelte b/src/lib/minecraft/Inventory.svelte index 3068f67..0a6a179 100644 --- a/src/lib/minecraft/Inventory.svelte +++ b/src/lib/minecraft/Inventory.svelte @@ -22,12 +22,19 @@ } </script> -<div class:inventory-container-{name}={name !== ''}> +<div class="inventory-container" style="--group-limit:{groupLimit}"> {#each itemGroups as itemGroup} - <div> - {#each itemGroup as item} - <Item {item} {pack} isslot /> - {/each} - </div> + {#each itemGroup as item} + <Item {item} {pack} isslot /> + {/each} {/each} </div> + +<style> + .inventory-container { + width: fit-content; + display: grid; + grid-template-columns: repeat(var(--group-limit), 1fr); + grid-gap: 0; + } +</style> |