From ec40c66dc954b17b98cecdf4b8f37079e168cc15 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Thu, 10 Jan 2019 14:08:58 +0000
Subject: [PATCH] featured images displayed

---
 components/GalleryFeatured.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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