fix menu memory, return memo button & add favicon

This commit is contained in:
2020-04-08 23:00:26 +02:00
parent 0c74026119
commit d844bd8518
7 changed files with 71 additions and 11 deletions

View File

@@ -12,7 +12,7 @@
<svg-vue icon="games" />
<span v-bind:class="{ navhidden: !toggleNav }">Jeux</span>
</router-link>
<div @click="toggleNav = !toggleNav" class="nav-toggle mt-5">
<div @click="toggleNavBar" class="nav-toggle mt-5">
<svg-vue icon="arrow" v-bind:class="{ small: !toggleNav }" />
</div>
</nav>
@@ -25,6 +25,16 @@
return {
toggleNav: true,
}
},
mounted() {
let isTrueSet = (localStorage.getItem('navbar') === 'true');
(isTrueSet) ? this.toggleNav = true : this.toggleNav = false
},
methods: {
toggleNavBar() {
this.toggleNav = !this.toggleNav
localStorage.setItem('navbar', JSON.stringify(this.toggleNav));
}
}
}
</script>

View File

@@ -1,9 +1,7 @@
<template>
<div class="memo-edit p-2">
<div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link">
< Back
</a>
<router-link to="/memos/" class="btn">< Back</router-link>
<button @click="$router.back()" class="btn-alert mr-1">Cancel</button>
</div>
<form @submit.prevent="submitForm">

View File

@@ -1,9 +1,7 @@
<template>
<div class="memo-edit p-2">
<div class="flex-between mb-1">
<a href="#" @click="$router.back()" class="link">
< Back
</a>
<router-link :to="'/memos/' + this.$route.params.id" class="btn">< Back</router-link>
<button class="btn-alert mr-1">Cancel</button>
</div>
<form @submit.prevent="submitForm">

View File

@@ -1,9 +1,7 @@
<template>
<div class="p-2">
<div class="flex-between flex-center mb-1">
<a href="#" @click="$router.back()">
< Back
</a>
<a href="#" class="btn" @click="$router.back()">< Back</a>
<router-link :to="'/memos/create'" class="btn-primary">Add New Memo</router-link>
</div>
<div v-if="loading">> Loading...</div>

View File

@@ -3,7 +3,7 @@
<div v-if="loading" >> Loading...</div>
<div v-else>
<div class="flex-between flex-center mb-1">
<a href="#" class="link" @click="$router.back()">< Back</a>
<router-link to="/memos/" class="btn">< Back</router-link>
<div class="relative">
<router-link :to="'/memos/' + memo.memo_id + '/edit'" class="btn-secondary mr-1" >Edit</router-link>
<a href="#" class="btn-alert" @click="modal = ! modal">Delete</a>