npm run format

src/screens/Game.vue

@@ -1,18 +1,20 @@
 <template>
-  <GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
-  <GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
-
   <div class="flex justify-center items-center h-dvh p-8 relative">
+    <GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
+    <GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
+
     <div v-if="!zoneEditorStore.active">
       <Game :config="gameConfig" @create="createGame">
         <Scene name="main" @preload="preloadScene" @create="createScene">
           <div class="flex absolute justify-between left-0 right-0 top-12 mx-12 my-0">
             <Hud />
           </div>
-<!--          <Inventory />-->
+          <!--          <Inventory />-->
           <World v-if="isLoaded" :key="gameStore.character?.zoneId" />
           <div class="flex absolute justify-between left-0 right-0 bottom-24 h-24 mx-12 my-0">
-            <Chat />
+            <div class="w-full">
+              <Chat v-show="gameStore.isChatOpen" />
+            </div>
             <Menubar />
           </div>
         </Scene>
@@ -62,13 +64,7 @@ const gameConfig = {
   height: window.innerHeight,
   type: Phaser.AUTO,
   resolution: 5,
-  pixelArt: true,
-  scale: {
-    mode: Phaser.Scale.RESIZE,
-    autoCenter: Phaser.Scale.CENTER_BOTH,
-    width: window.innerWidth,
-    height: window.innerHeight
-  }
+  pixelArt: true
 }
 
 const createGame = (game: Phaser.Game) => {