fix: set body margin only on /game

2024-11-19 16:16:23 +01:00 · 2024-11-19 16:16:23 +01:00 · 298592681b
commit 298592681b
parent 7c2c68a7b8
4 changed files with 9 additions and 11 deletions
--- a/src/app.html
+++ b/src/app.html
@ -9,12 +9,4 @@
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
-
-	<style>
-		html,
-		body {
-			margin: 0;
-			height: 100%;
-		}
-	</style>
 </html>
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -26,7 +26,7 @@

 <style>
 	.container {
-		padding: 16px;
+		padding: 12px;
 	}

 	form {
--- a/src/routes/game/+page.svelte
+++ b/src/routes/game/+page.svelte
@ -151,6 +151,12 @@
 </div>

 <style>
+	:global(body),
+	:global(html) {
+		margin: 0;
+		height: 100%;
+	}
+
 	.container {
 		display: flex;
 		flex-direction: column;
--- a/src/routes/results/+page.svelte
+++ b/src/routes/results/+page.svelte
@ -56,7 +56,7 @@
 	}

 	.restart {
-		width: 600px;
-		height: 75px;
+		width: 200px;
+		height: 50px;
 	}
 </style>