feat: implement a simple navbar

This commit is contained in:
Florian Briand 2024-09-23 20:56:07 +02:00
parent f11e2502dd
commit 0ce48776f1
Signed by: florian_briand
GPG Key ID: CC981B9E6B98E70B
4 changed files with 54 additions and 1 deletions

View File

@ -1,6 +1,7 @@
<template> <template>
<div> <div>
<NuxtRouteAnnouncer /> <NuxtRouteAnnouncer />
<NuxtWelcome /> <NavBar />
<NuxtPage />
</div> </div>
</template> </template>

View File

@ -0,0 +1,16 @@
<template>
<div class="navbar">
<div class="navbar-start">
<a class="btn btn-ghost text-xl" href="/">Chrys4lide</a>
</div>
<nav class="navbar-center">
<NuxtLink to="/" class="btn btn-ghost">Accueil</NuxtLink>
<NuxtLink to="/CPS" class="btn btn-ghost">Carte CPS</NuxtLink>
</nav>
<div class="navbar-end">
<button class="btn btn-ghost" type="button">
Connexion
</button>
</div>
</div>
</template>

14
frontend/pages/CPS.vue Normal file
View File

@ -0,0 +1,14 @@
<template>
<div>
<h1 class="text-xl">Carte CPS</h1>
</div>
</template>
<script>
export default {
name: 'CPSCard',
data() {
return {};
}
};
</script>

22
frontend/pages/index.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<h1 class="text-xl">Welcome to your {{ appName }}!</h1>
</div>
</template>
<script>
export default {
name: 'HomePage',
data() {
return {
appName: 'Nuxt App'
};
}
};
</script>
<style scoped>
h1 {
color: #42b983;
}
</style>