mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.2 KiB
42 lines
1.2 KiB
<script lang="ts" setup> |
|
import { useRoute, useSidebar } from '#imports' |
|
|
|
const route = useRoute() |
|
|
|
useSidebar('nc-left-sidebar', { hasSidebar: false }) |
|
</script> |
|
|
|
<template> |
|
<NuxtLayout> |
|
<div |
|
class="mx-auto min-h-[calc(100vh_-_var(--header-height))] bg-primary bg-opacity-5 flex flex-wrap justify-between xl:flex-nowrap gap-6 py-6 px-4 md:(px-12 pt-65px)" |
|
> |
|
<div class="hidden xl:(flex)"> |
|
<div v-if="route.name === 'index-index'"> |
|
<LazyGeneralSponsors /> |
|
</div> |
|
</div> |
|
|
|
<div class="min-w-2/4 xl:max-w-2/4 w-full mx-auto"> |
|
<NuxtPage /> |
|
</div> |
|
|
|
<div |
|
:class="{ 'flex-1': route.name === 'index-index' }" |
|
class="flex gap-6 flex-col justify-center items-center md:(flex-row justify-between items-start)" |
|
> |
|
<template v-if="route.name === 'index-index'"> |
|
<TransitionGroup name="page" mode="out-in"> |
|
<div key="social-card"> |
|
<LazyGeneralSocialCard /> |
|
</div> |
|
|
|
<div key="sponsors" class="inline-block xl:hidden"> |
|
<LazyGeneralSponsors /> |
|
</div> |
|
</TransitionGroup> |
|
</template> |
|
</div> |
|
</div> |
|
</NuxtLayout> |
|
</template>
|
|
|