feat: style queue page

flamingchickens1540 · Nov 19, 2024 · d12a58f · d12a58f
1 parent f832541
commit d12a58f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
@@ -36,7 +36,7 @@
 		</div>
 		<div class="grid grid-cols-2 grid-rows-3 row-span-3 gap-4 text-black grid-flow-col">
 			{#each teams as _, i}
-				<input bind:value={teams[i]} type="text" class="rounded" />
+				<input bind:value={teams[i]} type="text" class="rounded p-1" />
 			{/each}
 		</div>
 	</div>

diff --git a/src/routes/queue/+page.svelte b/src/routes/queue/+page.svelte
@@ -19,6 +19,10 @@
 	};
 </script>
 
-<h1>In Queue</h1>
+<div
+	class="h-full w-full grid grid-cols-1 grid-rows-2 align-middle text-4xl text-white place-items-center gap-4"
+>
+	<h1 class="p-2">In Queue</h1>
 
-<button onclick={leave}>Leave Queue</button>
+	<button class="rounded border p-4" onclick={leave}>Leave Queue</button>
+</div>