rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

featured images displayed

This commit is contained in:
ManjaroOne666 2019-01-10 14:08:58 +00:00
parent 32cca30d5e
commit ec40c66dc9
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/GalleryFeatured.vue
View File

@ -2,7 +2,8 @@
<ul> <ul>
<li v-for="(gallery, index) in galleries" <li v-for="(gallery, index) in galleries"
class="featured-image" class="featured-image"
:style="{ 'height': featuredHeight }" :style="{ 'height': featuredHeight,
'background-image': 'url(' + gallery.featuredImage + ')' }"
:key="index" :key="index"
@click="$emit('clicked', index)"> @click="$emit('clicked', index)">
<span>{{ gallery.title }}</span> <span>{{ gallery.title }}</span>
@ -28,6 +29,9 @@ export default {
} }
}, },
computed: {
},
methods: { methods: {
} }
} }
@ -45,6 +49,8 @@ export default {
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {
.featured-image { .featured-image {
width: 100%; width: 100%;
background-size: cover;
background-position: center center;
} }
} }