diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-21 18:25:12 +0200 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-21 18:25:12 +0200 |
| commit | 424eaa9e8098cef762b1a2a7565d37944bb25306 (patch) | |
| tree | 2ded69401a7c0acb33b648b464d37d3a5dcdb6a5 /components/ChroniclePost.vue | |
| parent | d1c6e2eaed90891fc8e187f147af224b352662c8 (diff) | |
| download | puszcza-424eaa9e8098cef762b1a2a7565d37944bb25306.tar.gz puszcza-424eaa9e8098cef762b1a2a7565d37944bb25306.zip | |
Add storybook
Diffstat (limited to 'components/ChroniclePost.vue')
| -rw-r--r-- | components/ChroniclePost.vue | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/components/ChroniclePost.vue b/components/ChroniclePost.vue deleted file mode 100644 index 7b2c527..0000000 --- a/components/ChroniclePost.vue +++ /dev/null @@ -1,60 +0,0 @@ -<template> - <a :href="route" class="post"> - <div> - <h4 class="post-title">{{title}}</h4> - <p class="post-description">{{shortenedDescription}}...</p> - </div> - </a> -</template> - -<script> -export default { - name: 'ChroniclePost', - props: { - title: { - type: String, - required: true - }, - description: { - type: String, - default: '' - }, - route: { - type: String, - required: true - } - }, - computed: { - shortenedDescription() { - const first30Words = this.description.split(' ').slice(0, 30) - return first30Words.join(' ') - } - } -} -</script> - -<style scoped> -.post { - margin: 20px; - flex-basis: 410px; - text-decoration: none; -} - -.post > div { - background: #ffffff; - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); - padding: 20px; - - text-align: left; -} - -.post-title { - color: #181818; - font-size: 1.3em; -} - -.post-description { - color: #484848; - font-size: 0.9em; -} -</style> \ No newline at end of file |