fix(default-theme): pictures on home page have not equal size (#822)

vuestorefront · May 28, 2020 · b2607c9 · b2607c9 · vercel · May 28, 2020
1 parent 68d6825
commit b2607c9
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/packages/default-theme/cms/blocks/CmsBlockImageSimpleGrid.vue b/packages/default-theme/cms/blocks/CmsBlockImageSimpleGrid.vue
@@ -54,28 +54,23 @@ export default {
 ::v-deep.sw-image-simple-grid {
   display: flex;
   flex-direction: column;
-
-  &__left-images {
-    margin: var(--spacer-sm);
-  }
-
   &__image {
-    margin: var(--spacer-sm);
     img {
       height: 340px;
       object-fit: cover;
     }
   }
   @include for-desktop {
+    flex-direction: row;
     justify-content: space-around;
     align-items: center;
-    flex-direction: row;
-
     &__left-images {
       display: flex;
       flex-direction: column;
+      margin: var(--spacer-sm);
     }
     &__image {
+      margin: var(--spacer-sm);
       &--right {
         img {
           height: 712px;