diff options
author | Adam Carpenter <atc@53hor.net> | 2020-04-23 08:07:35 -0400 |
---|---|---|
committer | Adam Carpenter <atc@53hor.net> | 2020-04-23 08:07:35 -0400 |
commit | 6e787a89e0c40f42d51681c960a18818650646b7 (patch) | |
tree | 5edad46e2dec72ebe5d00a4a7d53263b1d4d076e /iridescence/src/App.vue | |
parent | be3b6030b4175f6c06d20dae8470b4a44a1befea (diff) | |
download | theglassyladies-6e787a89e0c40f42d51681c960a18818650646b7.tar.xz theglassyladies-6e787a89e0c40f42d51681c960a18818650646b7.zip |
switched back to js, added navbar with burger toggle
Diffstat (limited to 'iridescence/src/App.vue')
-rw-r--r-- | iridescence/src/App.vue | 35 |
1 files changed, 12 insertions, 23 deletions
diff --git a/iridescence/src/App.vue b/iridescence/src/App.vue index 0228dd3..aee2f10 100644 --- a/iridescence/src/App.vue +++ b/iridescence/src/App.vue @@ -1,32 +1,21 @@ <template> <div id="app"> - <div id="nav"> - <router-link to="/">Home</router-link> | - <router-link to="/about">About</router-link> - </div> + <Navbar></Navbar> <router-view /> </div> </template> -<style lang="scss"> -#app { - font-family: Avenir, Helvetica, Arial, sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - color: #2c3e50; -} - -#nav { - padding: 30px; - - a { - font-weight: bold; - color: #2c3e50; +<script> +import Navbar from "@/components/Navbar.vue"; - &.router-link-exact-active { - color: #42b983; - } +export default { + name: "App", + components: { + Navbar } -} +}; +</script> + +<style lang="scss"> +@import "../node_modules/bulma/bulma.sass"; </style> |