diff options
| -rw-r--r-- | components/NavBar.vue | 4 | ||||
| -rw-r--r-- | layouts/default.vue | 6 | ||||
| -rw-r--r-- | nuxt.config.js | 2 | ||||
| -rw-r--r-- | pages/kronika/_year/_month/_day/_title/index.vue | 9 | ||||
| -rw-r--r-- | pages/kronika/index.vue | 18 |
5 files changed, 30 insertions, 9 deletions
diff --git a/components/NavBar.vue b/components/NavBar.vue index e564fb0..d41ca20 100644 --- a/components/NavBar.vue +++ b/components/NavBar.vue @@ -161,10 +161,10 @@ export default { display: flex !important; flex-direction: column; justify-content: center; - align-items: center; + align-items: start; margin-bottom: 0; - padding: 50px 0; + padding: 50px 10px; width: 100%; left: 0; diff --git a/layouts/default.vue b/layouts/default.vue index 8feaff6..3341547 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -21,10 +21,10 @@ export default { data() { return { routes: [ - { path: '/', name: 'Home' }, - { path: '/o-nas', name: 'O nas' }, + { path: '/', name: 'Strona główna' }, { path: '/download', name: 'Do pobrania' }, - { path: '/kontakt', name: 'Kontakt' } + { path: '/kontakt', name: 'Kontakt' }, + { path: '/kronika', name: 'Kronika' } ], externalRoutes: [ // { diff --git a/nuxt.config.js b/nuxt.config.js index 00b34e5..036135b 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,6 +1,6 @@ import k from './api' -const BASE_URL = 'https://kronika--puszcza.netlify.com' +const BASE_URL = process.env.DEPLOY_URL || 'http://localhost:3000' export default { mode: 'universal', diff --git a/pages/kronika/_year/_month/_day/_title/index.vue b/pages/kronika/_year/_month/_day/_title/index.vue index a8a086a..361b7f8 100644 --- a/pages/kronika/_year/_month/_day/_title/index.vue +++ b/pages/kronika/_year/_month/_day/_title/index.vue @@ -40,13 +40,13 @@ export default { <style> .article { - padding: 20px 80px 20px 80px; + padding: 60px 80px; width: 100%; max-width: 1000px; flex: 1; background: #ffffff; - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); z-index: -1; + text-align: left; } .article img { width: 100%; @@ -54,7 +54,10 @@ export default { } @media (max-width: 720px) { .article { - padding: 20px 40px 20px 40px; + padding: 60px 20px; + } + .article p { + text-align: justify; } } </style> \ No newline at end of file diff --git a/pages/kronika/index.vue b/pages/kronika/index.vue new file mode 100644 index 0000000..4bb6910 --- /dev/null +++ b/pages/kronika/index.vue @@ -0,0 +1,18 @@ +<template> + <div style="padding-top: 20px"> + <h2>Ostatnie wpisy</h2> + <a v-for="(post, index) in posts" :key="index" :href="post.route">{{post.content.meta.title}}</a> + </div> +</template> + +<script> +import k from '~/api' + +export default { + async asyncData() { + return { + posts: k.getPosts() + } + } +} +</script> \ No newline at end of file |