Fix images grid in posts

aeternity · Apr 12, 2021 · 10f1c98 · 10f1c98
1 parent 6e8f25f
commit 10f1c98
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/components/tipRecords/TipMedia.vue b/src/components/tipRecords/TipMedia.vue
@@ -47,6 +47,7 @@ export default {
   width: 100%;
   max-width: 100%;
   border-radius: 0.5rem;
+  height: 0;
 
   .media-container {
     max-width: 100%;
@@ -60,23 +61,23 @@ export default {
     display: grid;
 
     &.template1 {
-      grid-template-areas: 'pos0';
+      grid-template: 'pos0' 100%;
     }
 
     &.template2 {
-      grid-template-areas: 'pos0 pos1';
+      grid-template: 'pos0 pos1' 100%;
     }
 
     &.template3 {
-      grid-template-areas:
-        'pos0 pos1'
-        'pos0 pos2';
+      grid-template:
+        'pos0 pos1' 50%
+        'pos0 pos2' 50%;
     }
 
     &.template4 {
-      grid-template-areas:
-        'pos0 pos0 pos1 pos1'
-        'pos0 pos0 pos2 pos3';
+      grid-template:
+        'pos0 pos0 pos1 pos1' 50%
+        'pos0 pos0 pos2 pos3' 50%;
     }
 
     img {