From aa85c152dd70e0e11590ce2cac9fbdf1ba645522 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Tue, 23 Oct 2018 13:34:55 +0200
Subject: [PATCH] Use module teaser image as background image

---
 client/src/components/modules/ModuleTeaser.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/modules/ModuleTeaser.vue b/client/src/components/modules/ModuleTeaser.vue
index 4b4a04d3..3b91b77a 100644
--- a/client/src/components/modules/ModuleTeaser.vue
+++ b/client/src/components/modules/ModuleTeaser.vue
@@ -1,6 +1,7 @@
 <template>
   <router-link :to="moduleLink" tag="div" class="module-teaser">
-    <img :src="heroImage" alt="" class="module-teaser__image">
+    <div class="module-teaser__image" :style="{backgroundImage: 'url('+heroImage+')'}">
+    </div>
     <div class="module-teaser__body">
       <h3 class="module-teaser__meta-title">{{metaTitle}}</h3>
       <h3 class="module-teaser__title">{{title}}</h3>
@@ -42,6 +43,10 @@
     &__image {
       width: 100%;
       max-height: 150px;
+      height: 150px;
+      background-position: center;
+      background-size: 100% auto;
+      background-repeat: no-repeat;
     }
 
     &__body {