38 lines
906 B
Vue
38 lines
906 B
Vue
<template>
|
|
<div class="home-mobile-root p-5">
|
|
<div class="app-header-scroll-sentinel" aria-hidden="true" />
|
|
<component :is="layoutComponent" :layout-config="layoutConfig" />
|
|
<AppHeader @logout="$emit('logout')" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed } from 'vue'
|
|
import AppHeader from '../components/AppHeader.vue'
|
|
import {
|
|
getHomeLayoutConfig,
|
|
getHomeLayoutId,
|
|
resolveHomeLayoutComponent,
|
|
} from '../layouts/registry'
|
|
|
|
defineEmits<{
|
|
logout: []
|
|
}>()
|
|
|
|
const layoutComponent = computed(() => resolveHomeLayoutComponent())
|
|
const layoutConfig = computed(() => getHomeLayoutConfig(getHomeLayoutId()))
|
|
</script>
|
|
|
|
<style scoped>
|
|
.home-mobile-root {
|
|
position: relative;
|
|
padding-top: var(--app-home-header-offset, calc(4.25rem + env(safe-area-inset-top, 0px)));
|
|
}
|
|
|
|
.app-header-scroll-sentinel {
|
|
height: 1px;
|
|
width: 100%;
|
|
pointer-events: none;
|
|
}
|
|
</style>
|