diff --git a/public/preview.png b/public/preview.png index 8599588..2cad757 100644 Binary files a/public/preview.png and b/public/preview.png differ diff --git a/src/views/Pileon/Pileon.svelte b/src/views/Pileon/Pileon.svelte index b3efa8c..0f66ea1 100644 --- a/src/views/Pileon/Pileon.svelte +++ b/src/views/Pileon/Pileon.svelte @@ -19,7 +19,7 @@ calculateDimensions, fillerStacks, } from "../../utils/pileon"; - import { getStackDataTransfer } from "../../utils/stack"; + import { getStackDataTransfer, stackWidthEm } from "../../utils/stack"; import DeadEndModal from "./DeadEndModal.svelte"; import PileonHelp from "./PileonHelp.svelte"; @@ -163,7 +163,7 @@ style:width="{d.tableWidthEm * 1.25}em" > {#each piles as pile, index} -
+
{/each} {#each fillerStacks(mainWidth, innerHeight) as _} -
+
{/each} {#if helpOpen} @@ -200,6 +200,7 @@ align-items: center justify-content: center max-width: 100vw + column-gap: 0.5em row-gap: 0.5em margin: auto @@ -209,9 +210,6 @@ .pile flex-basis: 16.7% /* Just above 1/6 */ - &.small - margin: 0.25em 0.333em - @media (max-aspect-ratio: 4/3) flex-basis: 20.1% /* Just above 1/5 */