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.
 
 
 
 
 

33 lines
797 B

<template>
<div>
<header
class="mx-auto my-4 flex max-w-3xl flex-col justify-center max-md:px-3"
>
<div
class="mb-5 w-full"
:class="
loggedIn
? 'flex flex-col items-center justify-between sm:flex-row'
: 'flex justify-end'
"
>
<HeaderLogo v-if="loggedIn" />
<div class="flex flex-row gap-3">
<HeaderLangSelector />
<HeaderThemeSwitch />
<HeaderChartToggle v-if="loggedIn" />
<UiUserMenu v-if="loggedIn" />
</div>
</div>
<HeaderUpdate class="my-4" />
</header>
<slot />
<UiFooter />
</div>
</template>
<script setup lang="ts">
const route = useRoute();
const loggedIn = computed(() => route.path !== '/login');
</script>