fix: inset on game screen (#428)

chat-game · Jan 17, 2025 · 21e30e1 · 21e30e1
1 parent cc5a768
commit 21e30e1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/telegram-game/src/components/Game.vue b/apps/telegram-game/src/components/Game.vue
@@ -3,8 +3,8 @@
     <div ref="canvas" class="absolute w-full h-full bottom-10" />
     <div class="absolute w-full h-35 bottom-0 bg-red-950" />
 
-    <div class="touch-pan-x absolute top-0 left-0 right-0 w-full h-16">
-      <div class="max-w-[28rem] mx-auto px-4 space-y-2">
+    <div class="touch-pan-x absolute top-2 left-0 right-0 w-full h-16 tg-safe-area">
+      <div class="max-w-[28rem] mx-auto px-4 space-y-2 tg-content-safe-area">
         <GameNavigator :player-x="game.player?.x" :wagon-x="game.wagon?.x" />
         <GameCharacterProgression />