Fixed navbar comp and added single school desc
This commit is contained in:
@@ -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',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user