From 6d88c7357f482e652d2c4f94190a9475cc731455 Mon Sep 17 00:00:00 2001
From: Paul Neubauer <paulneubauer@live.de>
Date: Thu, 28 Apr 2022 12:08:49 +0200
Subject: [PATCH] Set a fixed aspect ratio for spaces image

---
 packages/web-app-files/src/views/spaces/Projects.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/web-app-files/src/views/spaces/Projects.vue b/packages/web-app-files/src/views/spaces/Projects.vue
index 7ebd024522c..71fc1862f15 100644
--- a/packages/web-app-files/src/views/spaces/Projects.vue
+++ b/packages/web-app-files/src/views/spaces/Projects.vue
@@ -38,13 +38,13 @@
             oc-child-width-1-5@xl
           "
         >
-          <li v-for="space in spaces" :key="space.id" class="oc-mb-m">
+          <li v-for="space in spaces" :key="space.id" class="oc-mb-m" style="aspect-ratio: 16/9;">
             <div
               class="spaces-list-card oc-card oc-card-default oc-rounded"
               :data-space-id="space.id"
               :class="getSpaceCardAdditionalClass(space)"
             >
-              <div class="oc-card-media-top oc-border-b">
+              <div class="oc-card-media-top oc-border-b" style="">
                 <router-link :to="getSpaceProjectRoute(space)">
                   <oc-tag
                     v-if="space.disabled"
@@ -289,8 +289,7 @@ export default defineComponent({
   }
 
   .oc-card-media-top {
-    width: 100%;
-    height: 150px;
+    aspect-ratio: 16/9;
   }
 
   .oc-card-media-top a {
@@ -306,7 +305,7 @@ export default defineComponent({
 
   .space-image {
     width: 100%;
-    height: 150px;
+    aspect-ratio: 16/9;
     object-fit: cover;
   }