All pages now in Nuxt, work next on nav.
DB connected, check issues with writing. Signed-off-by: Louis Hollingworth <louis@hollingworth.ch>
This commit is contained in:
parent
f9e7e5480c
commit
14659122c3
17 changed files with 375 additions and 56 deletions
32
components/NavHeader.vue
Normal file
32
components/NavHeader.vue
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<template>
|
||||
<div class="w-screen grid-cols-4 grid-flow-col">
|
||||
<div class="px-4 col-span-1" v-if="user">
|
||||
<span>Hej {{ user.user_metadata.full_name }} </span> |
|
||||
<button class="underline" @click="logout" >Logout</button>
|
||||
</div>
|
||||
<div class="nav" v-if="links">
|
||||
<a href="/">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
links: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
nav {
|
||||
margin: 0 auto;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue