diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-06 23:52:42 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-06 23:52:42 +0100 |
| commit | 5847c6faabe91483b49bd178fcf54c9a9d12cb63 (patch) | |
| tree | aea21f7cc0cd1d5e24bb876a62bd491b0f2464d1 /components/TheHeader.vue | |
| parent | c7306cfdbaa50c89639fe38bb1b4005ed3555422 (diff) | |
| download | puszcza-5847c6faabe91483b49bd178fcf54c9a9d12cb63.tar.gz puszcza-5847c6faabe91483b49bd178fcf54c9a9d12cb63.zip | |
Add hamburger
Diffstat (limited to 'components/TheHeader.vue')
| -rw-r--r-- | components/TheHeader.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/components/TheHeader.vue b/components/TheHeader.vue index 4d17616..65bd981 100644 --- a/components/TheHeader.vue +++ b/components/TheHeader.vue @@ -7,7 +7,11 @@ }}</nuxt-link> </div> <div class="space"></div> - <button @click="toggleMenu" class="menu-toggler">Menu</button> + <tasty-burger-button + class="menu-toggler" + type="spring" + @toggle="toggleMenu" + /> <ul class="links" :class="{ show: this.showMenu }" @click="toggleMenu"> <!-- Loop for generating links --> <nav-link @@ -21,11 +25,15 @@ </template> <script> +import { TastyBurgerButton } from 'vue-tasty-burgers' +// import 'vue-tasty-burgers/dist/vue-tasty-burgers.css' + import NavLink from './NavLink' export default { name: 'TheHeader', components: { + TastyBurgerButton, NavLink }, props: { |