Set a fixed aspect ratio for spaces image

owncloud · Apr 28, 2022 · df256e6 · df256e6
1 parent 4f211ef
commit df256e6
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/web-app-files/src/views/spaces/Projects.vue b/packages/web-app-files/src/views/spaces/Projects.vue
@@ -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;
   }
 
@@ -321,5 +320,9 @@ export default defineComponent({
   .space-disabled-indicator {
     z-index: 999;
   }
+
+  li {
+    aspect-ratio: 16/9;
+  }
 }
 </style>