diff options
Diffstat (limited to 'pages/kronika')
-rw-r--r-- | pages/kronika/_year/_month/_day/_title/index.vue | 9 | ||||
-rw-r--r-- | pages/kronika/index.vue | 18 |
2 files changed, 24 insertions, 3 deletions
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 |