From b5cb604aa8bcbbc8a9a5453ae16a66cf645aede4 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Mon, 23 Jul 2018 12:06:10 +0100 Subject: [PATCH] Improve mobile nav Fixes #3 --- assets/js/components/MobileNav.vue | 31 ++++++++++++++++++++++++++++++ assets/js/site.js | 8 ++++++++ source/_layouts/default.html.twig | 8 +++++--- tailwind.js | 2 ++ webpack.mix.js | 2 +- 5 files changed, 47 insertions(+), 4 deletions(-) create mode 100644 assets/js/components/MobileNav.vue create mode 100644 assets/js/site.js diff --git a/assets/js/components/MobileNav.vue b/assets/js/components/MobileNav.vue new file mode 100644 index 0000000..05c9ef9 --- /dev/null +++ b/assets/js/components/MobileNav.vue @@ -0,0 +1,31 @@ + + + diff --git a/assets/js/site.js b/assets/js/site.js new file mode 100644 index 0000000..4d508f3 --- /dev/null +++ b/assets/js/site.js @@ -0,0 +1,8 @@ +import Vue from 'vue' +import MobileNav from './components/MobileNav' + +new Vue({ + el: '#root', + + components: { MobileNav }, +}) diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig index d6e8446..013fb8a 100644 --- a/source/_layouts/default.html.twig +++ b/source/_layouts/default.html.twig @@ -9,16 +9,18 @@
-
-
+
+

Chris Rees Academy

Cardiff

+ +
-
+