Merge pull request #7980 from KBVE/dev

Release: 3 features, 2 chores → Main

Author: h0lybyte

apps/cryptothrone/astro-cryptothrone/src/components/game/GameWindow.tsx

@@ -76,7 +76,7 @@ function GameUI() {
 export default function GameWindow() {
 	return (
 		<GameStoreProvider>
-			<div className="relative flex justify-center items-center w-full">
+			<div className="relative flex justify-center items-center w-full h-full">
 				<PhaserCanvas />
 				<GameUI />
 			</div>

apps/cryptothrone/astro-cryptothrone/src/components/game/scenes/CloudCityScene.ts

@@ -99,7 +99,7 @@ export class CloudCityScene extends Scene {
 			this,
 			this.gridEngine,
 			this.quadtree,
-			{ tileSize: 48 },
+			{ tileSize: 48, joystick: true },
 		);
 
 		this.gridEngine.moveRandomly('npc', 1500, 3);

apps/cryptothrone/astro-cryptothrone/src/styles/global.css

@@ -67,9 +67,17 @@ body:has(.game-fullscreen) .ct-footer {
 	overflow: hidden;
 }
 
-/* Let the Phaser canvas fill the viewport while keeping aspect ratio */
+/* Let the Phaser canvas expand to fill the viewport while keeping aspect ratio */
 .game-fullscreen canvas {
+	width: 100%;
+	height: 100%;
 	max-width: 100vw;
 	max-height: 100vh;
 	object-fit: contain;
 }
+
+/* Ensure the PhaserGame container div fills the game-fullscreen overlay */
+.game-fullscreen > div {
+	width: 100%;
+	height: 100%;
+}