...
 
Commits (3)
......@@ -13,11 +13,11 @@
<div v-html="post.text"></div>
<div v-if="post.images" class="[email protected]m uk-margin-bottom" data-uk-grid uk-lightbox="animation: scale"
<div v-if="post.images" class="[email protected]s uk-margin-bottom" data-uk-grid uk-lightbox="animation: scale"
data-uk-scrollspy="cls: uk-animation-slide-bottom-small; target: .post_gallery__item; delay: 300">
<a v-for="image in post.images" v-bind:key="image.id" :href="image.directus_files_id.data.thumbnails[7].url"
:title="image.directus_files_id.title" :data-caption="image.directus_files_id.title" data-type="image"
class="post_gallery__item">
class="post-gallery_item">
<img :alt="'Bild zum Beitrag ' + post.title"
data-uk-img :data-src="image.directus_files_id.data.thumbnails[6].url" />
</a>
......@@ -59,4 +59,16 @@ export default {
}
}
}
</script>
\ No newline at end of file
</script>
<style lang="scss" scoped>
.post {
&-gallery {
&_item {
img {
width: 100%;
}
}
}
}
</style>
\ No newline at end of file
......@@ -85,6 +85,12 @@ export default {
.posts {
&-article {
margin-bottom: 100px;
&_image {
img {
width: 100%;
}
}
}
}
</style>
\ No newline at end of file