From af06d79ac92460ae1a924a7e1d72f5c376c61663 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Wed, 28 Aug 2019 22:34:06 +0200 Subject: Add footer --- public/assets/krajka-logo.svg | 39 ++++++--------------- src/App.vue | 28 ++++++++++++--- src/components/Footer.vue | 81 +++++++++++++++++++++++++++++++++++++++++++ src/components/NavBar.vue | 8 +++-- src/router/index.js | 26 +++++++------- src/views/AboutView.vue | 3 ++ src/views/GalleryView.vue | 3 -- 7 files changed, 135 insertions(+), 53 deletions(-) create mode 100644 src/components/Footer.vue create mode 100644 src/views/AboutView.vue delete mode 100644 src/views/GalleryView.vue diff --git a/public/assets/krajka-logo.svg b/public/assets/krajka-logo.svg index 6014783..ac952c1 100644 --- a/public/assets/krajka-logo.svg +++ b/public/assets/krajka-logo.svg @@ -1,40 +1,21 @@ - - - - + + + - - + + - - - - - - - - - - - + + + - - + - - - - - - - - - - + diff --git a/src/App.vue b/src/App.vue index 0497a35..1016a3f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,22 +1,35 @@
- - - + + +
+ + \ No newline at end of file diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index 11503c7..28a48c3 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -87,10 +87,12 @@ export default { display: flex; align-items: center; + justify-content: center; } .space { flex: 1; + max-width: 500px; } .title { @@ -107,7 +109,7 @@ export default { } .title-name.margin { - margin-left: 120px; + margin-left: 100px; } .links { @@ -186,7 +188,7 @@ export default { } .logo { - width: 85px; + width: 65px; } .title-name { @@ -194,7 +196,7 @@ export default { } .title-name.margin { - margin-left: 80px; + margin-left: 70px; } .links.show { diff --git a/src/router/index.js b/src/router/index.js index 532747a..e70642d 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,25 +1,25 @@ -import VueRouter from "vue-router"; +import VueRouter from 'vue-router'; -import HomeView from "../views/HomeView"; -import GalleryView from "../views/GalleryView"; -import DownloadView from "../views/DownloadView"; -import PageNotFoundView from "../views/PageNotFoundView"; +import HomeView from '../views/HomeView'; +import AboutView from '../views/AboutView'; +import DownloadView from '../views/DownloadView'; +import PageNotFoundView from '../views/PageNotFoundView'; export const routes = [ - { path: "/", name: "Home", component: HomeView }, - { path: "/o-nas", name: "O nas" }, - { path: "/download", name: "Do pobrania", component: DownloadView } + { path: '/', name: 'Home', component: HomeView }, + { path: '/o-nas', name: 'O nas', component: AboutView }, + { path: '/download', name: 'Do pobrania', component: DownloadView } ]; export const externalRoutes = [ { - path: "https://kronika-puszcza.netlify.com", - name: "Kronika" + path: 'https://kronika-puszcza.netlify.com', + name: 'Kronika' }, - { path: "https://kronika-puszcza.netlify.com/galeria", name: "Galeria" } + { path: 'https://kronika-puszcza.netlify.com/galeria', name: 'Galeria' } ]; export const router = new VueRouter({ - mode: "history", - routes: [...routes, { path: "*", component: PageNotFoundView }] + mode: 'history', + routes: [...routes, { path: '*', component: PageNotFoundView }] }); diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue new file mode 100644 index 0000000..2455cec --- /dev/null +++ b/src/views/AboutView.vue @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/views/GalleryView.vue b/src/views/GalleryView.vue deleted file mode 100644 index 3c296fe..0000000 --- a/src/views/GalleryView.vue +++ /dev/null @@ -1,3 +0,0 @@ - \ No newline at end of file -- cgit 1.4.1