Set a fixed aspect ratio for spaces image

owncloud · Apr 28, 2022 · 6d88c73 · 6d88c73
1 parent 4f211ef
commit 6d88c73
Showing 1 changed file with 4 additions and 5 deletions.
diff --git 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;
   }