Increase gap between piles (#130)

kangasta · Jun 4, 2024 · f03edbd · f03edbd
1 parent ff859e1
commit f03edbd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/utils/pileon.ts b/src/utils/pileon.ts
@@ -24,9 +24,8 @@ export const calculateTableEmSize = (
   columns: number,
   rows: number,
 ): [number, number] => {
-  const tableWidthEm = stackWidthEm(4, size) * columns + 0.5 * (columns - 1);
-  const tableHeightEm =
-    getCardDimensionsEm(size).height * rows + 0.5 * (rows - 1);
+  const tableWidthEm = stackWidthEm(4, size) * columns + (columns - 1);
+  const tableHeightEm = getCardDimensionsEm(size).height * rows + (rows - 1);
 
   return [tableWidthEm, tableHeightEm];
 };

diff --git a/src/views/Pileon/Pileon.svelte b/src/views/Pileon/Pileon.svelte
@@ -207,8 +207,8 @@
     align-items: center
     justify-content: center
     width: 100vw
-    column-gap: 0.5em
-    row-gap: 0.5em
+    column-gap: 1em
+    row-gap: 1em
     margin: auto
 
     @media (max-aspect-ratio: 9/17)