Actor tiles maintain aspect ratio.

2020-04-27 02:37:30 +02:00
parent a223f933ce
commit f684923a8a
4 changed files with 46 additions and 17 deletions
--- a/assets/components/releases/release.vue
+++ b/assets/components/releases/release.vue
@@ -400,13 +400,14 @@ export default {
 }

 .actors {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    grid-gap: 1rem;
    flex-grow: 1;
    flex-wrap: wrap;
 }

 .actor {
-    width: 10rem;
    margin: 0 1rem .5rem 0;
 }

@@ -477,5 +478,9 @@ export default {
        width: 15rem;
        max-width: 100%;
    }
+
+    .actors {
+        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
+    }
 }
 </style>