Xeovalyte
c50e40f9ab
All checks were successful
Build and Deploy / Deploy (push) Successful in 1m42s
21 lines
734 B
Vue
21 lines
734 B
Vue
<template>
|
|
<div v-if="route.meta.key !== 'disable'" class="w-full topbar h-10 bg-neutral-200 dark:bg-neutral-800 flex justify-center items-center shadow px-5 gap-2">
|
|
<div class="flex justify-evenly items-center gap-3 w-full max-w-xl dark:text-gray-300 text-gray-900">
|
|
<Icon v-if="route.meta.key === 'back'" size="1.75em" @click="router.back()" class="hover:cursor-pointer" name="ion:arrow-back"/>
|
|
<h1 class="capitalize font-bold text-xl mr-auto">{{ route.meta.title }}</h1>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
</script>
|
|
|
|
<style>
|
|
.topbar {
|
|
padding-top: calc(env(safe-area-inset-top) + 20px);
|
|
padding-bottom: 20px;
|
|
}
|
|
</style>
|