diff --git a/src/lib/components/dialog/RemoveCollectionDialog.svelte b/src/lib/components/dialog/RemoveCollectionDialog.svelte index 234d62b..4045308 100644 --- a/src/lib/components/dialog/RemoveCollectionDialog.svelte +++ b/src/lib/components/dialog/RemoveCollectionDialog.svelte @@ -49,7 +49,7 @@ display: grid; gap: 1.5rem; position: absolute; - top: 35%; + top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; diff --git a/src/lib/components/game/index.svelte b/src/lib/components/game/index.svelte index 3bd90b1..4ee00f8 100644 --- a/src/lib/components/game/index.svelte +++ b/src/lib/components/game/index.svelte @@ -73,12 +73,9 @@ background-color: var(--color-btn-primary-active); } - /* :global(.icon) { - width: 24px; - height: 24px; - } */ - .game-container { + /* display: grid; */ + /* grid-template-rows: minmax(25px, 50px) 1fr minmax(50px, 75px); */ display: flex; flex-wrap: wrap; @@ -107,5 +104,9 @@ padding: 0.25rem; } } + + .btn { + max-height: 50px; + } } diff --git a/src/routes/collection/+page.svelte b/src/routes/collection/+page.svelte index a21a0ed..d6d410e 100644 --- a/src/routes/collection/+page.svelte +++ b/src/routes/collection/+page.svelte @@ -60,7 +60,7 @@ grid-template-columns: 1fr 1fr; } - @media (max-width: 650px) { + @media (max-width: 550px) { grid-template-columns: 1fr; } } diff --git a/src/routes/game/[id]/+page.svelte b/src/routes/game/[id]/+page.svelte index 489d9b3..eb41f3b 100644 --- a/src/routes/game/[id]/+page.svelte +++ b/src/routes/game/[id]/+page.svelte @@ -147,4 +147,9 @@ gap: 1.5rem; margin: 1rem; } + + .with-icon { + display: flex; + place-items: center; + }