diff options
author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-13 10:58:30 +0200 |
---|---|---|
committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-13 10:58:30 +0200 |
commit | 71abfc6cdfd94ff403575efcbd80f90dac402a12 (patch) | |
tree | ba242ec9f5cd4cdb5395dd022d149ff9a4715349 /src/components/NavBar.vue | |
parent | 1e15172a7dfe5baf20225786c1ea06af0d3e691c (diff) | |
download | puszcza-71abfc6cdfd94ff403575efcbd80f90dac402a12.tar.gz puszcza-71abfc6cdfd94ff403575efcbd80f90dac402a12.zip |
Add bit
Diffstat (limited to 'src/components/NavBar.vue')
-rw-r--r-- | src/components/NavBar.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index c48dced..0cae182 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -1,8 +1,8 @@ <template> <nav class="navbar"> <div class="title"> - <img class="logo" src="../assets/krajka-logo.svg" /> - <NavLink class="title-name" link="/" name="19 PDH Puszcza"></NavLink> + <img class="logo" :src="logoPath" /> + <router-link class="title-name" to="/">{{ title }}</router-link> </div> <div class="space"></div> <button @click="toggleMenu" class="menu-toggler">Menu</button> @@ -22,16 +22,19 @@ <script> import NavLink from "./NavLink.vue"; -import { routes, externalRoutes } from "../router/index"; export default { components: { NavLink }, + props: { + routes: Array, + externalRoutes: Array, + title: String, + logoPath: String + }, data: function() { return { - routes, - externalRoutes, menuCollapsed: true }; }, @@ -72,6 +75,9 @@ export default { .title-name { margin-left: 120px; + text-decoration: none; + color: #181818; + padding: 10px; } .links { |