Fixed navbar comp and added single school desc

This commit is contained in:
Alexis
2020-06-14 21:45:13 +02:00
parent 9e0fb87d44
commit b543197021
2 changed files with 3 additions and 12 deletions

View File

@@ -1,13 +1,13 @@
<template> <template>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark"> <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand font-display font-weight-700" href="#">Auracle</a> <router-link :to="'/'" class="navbar-brand font-display font-weight-700">Auracle</router-link>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto" v-if="links.length != 0"> <ul class="navbar-nav mr-auto" v-if="links.length != 0">
<li class="nav-item" v-for="(link, index) in links" :key="index"> <li class="nav-item" v-for="(link, index) in links" :key="index">
<router-link v-bind:to="link.url" class="nav-link">{{ link.text }}</router-link> <router-link :to="link.url" class="nav-link">{{ link.text }}</router-link>
</li> </li>
</ul> </ul>
</div> </div>
@@ -21,17 +21,10 @@
return { return {
links: [ links: [
{ {
id: 0,
text: 'Accueil',
url: '/',
},
{
id: 1,
text: 'Sortilèges', text: 'Sortilèges',
url: '/spells', url: '/spells',
}, },
{ {
id: 2,
text: 'Monde', text: 'Monde',
url: '/world', url: '/world',
}, },

View File

@@ -1,6 +1,7 @@
<template> <template>
<div class="container-fluid p-4" id="spell-container"> <div class="container-fluid p-4" id="spell-container">
<h1 class="display-3 font-display mb-3">{{ school.name }}</h1> <h1 class="display-3 font-display mb-3">{{ school.name }}</h1>
<p>{{ school.description }}</p>
<spell-list :school_id="id"/> <spell-list :school_id="id"/>
</div> </div>
</template> </template>
@@ -38,9 +39,6 @@ export default {
this.loading = false this.loading = false
this.school = displaySchool this.school = displaySchool
}, },
console() {
console.log(this.school)
}
} }
} }
</script> </script>