Limit size of QR codes to shorten page height.

temporalio · Nov 21, 2024 · 8c80a5f · 8c80a5f
1 parent ea50b4b
commit 8c80a5f
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/snakes/src/routes/[id]/lobby/+page.svelte b/snakes/src/routes/[id]/lobby/+page.svelte
@@ -36,13 +36,11 @@
 
 <section class="w-screen">
 	<div class="flex flex-col md:flex-row gap-16 justify-center px-8">
-		<div class="flex justify-center items-center flex-col">
-			<h1 class="retro">Lobby</h1>
-		</div>
+		<h1 class="retro">Lobby</h1>
 	</div>
 	<div class="flex flex-col md:flex-row gap-16 justify-center px-8">
 		{#each GAME_CONFIG.teamNames as team}
-			<div class="border-4 rounded-xl p-4 text-white flex-1"
+			<div class="border-4 rounded-xl p-4 text-white flex-1 max-w-[30vw]"
 				class:border-red-500={team === 'red'}
 				class:border-blue-500={team === 'blue'}
 				class:border-orange-500={team === 'orange'}