Fixed issue with overflow

mattkibbler · Oct 1, 2024 · 2815ec1 · 2815ec1
1 parent 615a16a
commit 2815ec1
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -6,11 +6,13 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Rivers</title>
 	</head>
-	<body style="overflow: hidden; max-width: 100%; max-height: 100vh">
-		<div id="app" style="position: absolute; left: 25%; top: 25%; width: 50%; height: 50%; background: red"></div>
-		<div id="app" style="position: absolute; left: 25%; top: 25%; width: 50%; height: 50%; border: 4px solid red; box-sizing: border-box; pointer-events: none"></div>
-		<div style="position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 20px; line-height: 1.2rem; font-family: monospace">
-			<p style="margin: 0; background: #fff; display: inline-block; padding-left: 3px; padding-right: 3px">Click and drag within the red box to explore the tile space.</p>
+	<body>
+		<div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden">
+			<div id="app" style="position: absolute; left: 25%; top: 25%; width: 50%; height: 50%; background: red"></div>
+			<div id="app" style="position: absolute; left: 25%; top: 25%; width: 50%; height: 50%; border: 4px solid red; box-sizing: border-box; pointer-events: none"></div>
+			<div style="position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 20px; line-height: 1.2rem; font-family: monospace">
+				<p style="margin: 0; background: #fff; display: inline-block; padding-left: 3px; padding-right: 3px">Click and drag within the red box to explore the tile space.</p>
+			</div>
 		</div>
 		<script type="module" src="/src/main.ts"></script>
 	</body>