From 9d6d47cebb292ed145c1fbee2b3ac0e0c8431e39 Mon Sep 17 00:00:00 2001
From: senderfm <dev@sender.fm>
Date: Thu, 4 Jul 2019 10:22:03 +0200
Subject: [PATCH] large images are set to maximum height

---
 webapp/components/PostCard/index.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/webapp/components/PostCard/index.vue b/webapp/components/PostCard/index.vue
index ade2d9175..bce2d1b95 100644
--- a/webapp/components/PostCard/index.vue
+++ b/webapp/components/PostCard/index.vue
@@ -8,9 +8,7 @@
       <nuxt-link
         class="post-link"
         :to="{ name: 'post-id-slug', params: { id: post.id, slug: post.slug } }"
-      >
-        {{ post.title }}
-      </nuxt-link>
+      >{{ post.title }}</nuxt-link>
       <ds-space margin-bottom="small" />
       <!-- Username, Image & Date of Post -->
       <div>
@@ -128,6 +126,15 @@ export default {
 </script>
 
 <style lang="scss">
+.ds-card-image img {
+  width: 100%;
+  max-height: 300px;
+  -o-object-fit: cover;
+  object-fit: cover;
+  -o-object-position: center;
+  object-position: center;
+}
+
 .post-card {
   cursor: pointer;
   position: relative;