86bdbe4c3d
* initial support for initial setup * improve setup * improve mobile view * move base admin route * admin panel mobile view * set initial host and port * add docs * properly setup everything, use for dev env * change userconfig and interface port on setup, note users afterwards
32 lines
774 B
Vue
32 lines
774 B
Vue
<template>
|
|
<div>
|
|
<header class="mx-auto mt-4 flex max-w-3xl flex-col justify-center">
|
|
<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="mt-4" />
|
|
</header>
|
|
<slot />
|
|
<UiFooter />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute();
|
|
|
|
const loggedIn = computed(() => route.path !== '/login');
|
|
</script>
|