tg app fix

2025-10-27 17:08:55 +03:00
parent 6558e38327
commit d7873e3e84
1 changed files with 5 additions and 2 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -51,7 +51,7 @@ onMounted(() => {
 </script>

 <template>
-  <body class="flex flex-col">
+  <body class="flex flex-col" :class="window.Telegram.WebApp ? 'tg' : ''">
  <SpaceList v-if="isSpaceSelected" @space-selected="spaceSelected()"
  />
  <div v-else class="flex flex-col w-full gap-4">
@@ -86,5 +86,8 @@ onMounted(() => {
 </template>

 <style scoped>
-
+// TG padding area
+.tg {
+  padding: var(--tg-content-safe-area-inset-top) var(--tg-content-safe-area-inset-bottom) var(--tg-content-safe-area-inset-left) var(--tg-content-safe-area-inset-right) !important;
+}
 </style>