diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-12 12:16:39 +0200 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-12 12:16:39 +0200 |
| commit | a163ec2d7497acb51612669a83e31e37746c176f (patch) | |
| tree | 6682612003c94dfc71227146079881a7ebde11e3 /src/App.vue | |
| parent | 64c80504b5d14a179508bd764e107741a80e8be6 (diff) | |
| download | puszcza-a163ec2d7497acb51612669a83e31e37746c176f.tar.gz puszcza-a163ec2d7497acb51612669a83e31e37746c176f.zip | |
Add NavBar
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/App.vue b/src/App.vue index b9c4497..dae6356 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,32 +1,36 @@ <template> <div id="app"> - <nav> - <NavLink link="/" name="Home"></NavLink> - <NavLink link="/gallery" name="Galeria"></NavLink> - <NavLink link="/download" name="Do pobrania"></NavLink> - </nav> + <NavBar /> <router-view></router-view> </div> </template> <script> -import NavLink from "./components/NavLink"; +import NavBar from "./components/NavBar.vue"; export default { name: "app", - components: { NavLink } + components: { NavBar } }; </script> <style> @import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap"); +html, +body { + padding: 0; + margin: 0; +} + #app { font-family: "Roboto Slab", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - text-align: center; color: #181818; - margin-top: 60px; + text-align: center; + + display: flex; + flex-direction: column; } </style> |