feat: more onitama goodness

packages/onitama-game/src/ui/App.tsx

@@ -18,6 +18,11 @@ export default function App(props: { gameModule: any, gameScene: { new(): Phaser
     };
     const label = useComputed(() => gameHost.value.gameHost.status.value === 'running' ? 'Restart' : 'Start');
 
+    const phaserConfig: Partial<Phaser.Types.Core.GameConfig> = {
+        width: 800,
+        height: 700,
+    };
+
     return (
         <div className="flex flex-col h-screen">
             <div className="p-4 bg-gray-100 border-t border-gray-200">
@@ -29,7 +34,7 @@ export default function App(props: { gameModule: any, gameScene: { new(): Phaser
                 </button>
             </div>
             <div className="flex-1 flex relative justify-center items-center">
-                <PhaserGame>
+                <PhaserGame config={phaserConfig}>
                     <PhaserScene sceneKey="OnitamaScene" scene={scene.value} autoStart data={gameHost.value} />
                 </PhaserGame>
             </div>