多维表格

40 lines
1.1 KiB

<script lang="ts" setup>
import { useRoute, useSidebar } from '#imports'
const route = useRoute()
useSidebar('nc-left-sidebar', { hasSidebar: false })
</script>
<template>
<NuxtLayout>
<div
class="min-h-[calc(100vh_-_var(--header-height))] h-auto bg-primary bg-opacity-5 flex flex-col lg:flex-row flex-wrap gap-6 py-6 px-12 pt-65px"
>
<div class="flex-1 justify-end hidden xl:(flex)">
<div>
<LazyGeneralSponsors />
</div>
</div>
<div class="min-w-2/4 xl:max-w-2/4 w-full mx-auto">
<NuxtPage />
</div>
<div class="flex flex-1 justify-between gap-6 lg:block">
<template v-if="route.name === 'index-index'">
<TransitionGroup name="page" mode="out-in">
<div key="social-card">
<LazyGeneralSocialCard />
</div>
<div key="sponsors" class="block mt-0 lg:(!mt-6) xl:hidden">
<LazyGeneralSponsors />
</div>
</TransitionGroup>
</template>
</div>
</div>
</NuxtLayout>
</template>