add small menu

This commit is contained in:
2020-04-07 23:43:50 +02:00
parent edf96000b0
commit eb28a0a577
16 changed files with 132 additions and 55 deletions

View File

@@ -1,22 +1,30 @@
<template>
<nav>
<router-link to="/" class="site-logo-main">
<nav v-bind:class="{ small: !toggleNav }">
<router-link to="/" class="site-logo-main" v-bind:class="{ small: !toggleNav }">
<svg-vue icon="logo" />
</router-link>
<hr>
<router-link to="/memos" class="nav-item">
<svg-vue icon="memos" />
Memos
<span v-bind:class="{ navhidden: !toggleNav }">Memos</span>
</router-link>
<router-link to="/jeux" class="nav-item">
<svg-vue icon="games" />
Jeux
<span v-bind:class="{ navhidden: !toggleNav }">Jeux</span>
</router-link>
<div @click="toggleNav = !toggleNav" class="nav-toggle mt-5">
<svg-vue icon="arrow" v-bind:class="{ small: !toggleNav }" />
</div>
</nav>
</template>
<script>
export default {
name: "Nav",
data: function () {
return {
toggleNav: true,
}
}
}
</script>