add tabs

2024-12-06 21:20:27 +02:00
parent 58a5c378ca
commit ef977f5742
17 changed files with 542 additions and 444 deletions
@@ -0,0 +1,39 @@
+<template>
+  <div class="grid h-full sm:grid-rows-[auto_1fr_auto] grid-rows-[1fr_auto_auto] overflow-hidden">
+    <div
+      class="flex flex-1 overflow-auto pb-safe-or-4 sm:pt-safe sm:max-w-prose mx-auto w-full px-4 touch-pan-y"
+    >
+      <slot />
+    </div>
+
+    <slot name="footer">
+      <footer
+        v-if="!slots.footer"
+        class="bg-gray-100 text-center py-1.5 border-t text-xs sm:text-base text-gray-700 sm:order-last sm:pb-safe-or-1.5"
+      >
+        <span class="text-nowrap">Сделайте НаСвязи удобнее.</span>
+        <span> </span>
+        <span class="text-nowrap">
+          Будем рады
+          <a href="/donate" class="underline underline-offset-2">вашей поддержке</a>
+        </span>
+      </footer>
+    </slot>
+
+    <TabBar />
+  </div>
+</template>
+
+<script setup lang="ts">
+const slots = defineSlots<{
+  default?: () => void
+  footer?: () => void
+}>()
+</script>
+
+<style>
+html,
+body {
+  overflow: hidden;
+}
+</style>