fix: dashboard info block cards alignment

BenevalJr · Aug 5, 2019 · 9635b15 · 9635b15
1 parent 4909620
commit 9635b15
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/components/dashboard/DashboardInfoBlock.vue b/src/components/dashboard/DashboardInfoBlock.vue
@@ -69,6 +69,7 @@
             flat
             icon-right="ion ion-ios-arrow-forward"
             color="success"
+            class="ma-0"
           >
             {{$t('dashboard.info.exploreGallery')}}
           </va-button>
@@ -116,4 +117,18 @@ export default {
       }
     }
   }
+
+  .dashboard {
+    .va-card__header--over {
+      @include media-breakpoint-up(md) {
+        padding-top: 0 !important;
+      }
+    }
+
+    .va-card__image {
+      @include media-breakpoint-up(md) {
+        padding-bottom: 0 !important;
+      }
+    }
+  }
 </style>
diff --git a/src/components/ui/cards/Cards.vue b/src/components/ui/cards/Cards.vue
@@ -67,7 +67,7 @@
             image="https://picsum.photos/300/200/?image=898"
             :title="$t('cards.title.withCustomTitleOnImage')"
           >
-            <va-button slot="header">
+            <va-button slot="header" class="ma-0">
               Read More
             </va-button>
           </va-card>