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

update featured-image background styles

This commit is contained in:
ManjaroOne666 2019-01-10 17:28:57 +00:00
parent 3d60970e28
commit 5f7a237800
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/GalleryFeatured.vue
View File

@ -6,7 +6,7 @@
'background-image': 'url(' + gallery.featuredImage + ')' }" 'background-image': 'url(' + gallery.featuredImage + ')' }"
:key="index" :key="index"
@click="$emit('clicked', index)"> @click="$emit('clicked', index)">
<span>{{ gallery.title }}</span> <span class="gallery-title">{{ gallery.title }}</span>
</li> </li>
</ul> </ul>
</template> </template>
@ -38,6 +38,12 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.featured-image {
width: 100%;
background-size: cover;
background-position: center center;
}
@media (max-width: $bp__layout) { @media (max-width: $bp__layout) {
.featured-image { .featured-image {
height: calc(50vh - #{$site-menu__header-height / 2}) !important; // must override inline style set with prop height: calc(50vh - #{$site-menu__header-height / 2}) !important; // must override inline style set with prop
@ -55,12 +61,6 @@ export default {
opacity: 1; opacity: 1;
} }
} }
.featured-image {
width: 100%;
background-size: cover;
background-position: center center;
}
} }
</style> </style>