40 lines
986 B
Vue
40 lines
986 B
Vue
|
<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>
|