Update deps & fix lint issues

[github/bastienwirtz/homer.git] / src / components / Service.vue

diff --git a/src/components/Service.vue b/src/components/Service.vue
index 88e6e69cec28f8833d4ccdb50214d6cbd264b6e2..4d3702baf88ca3bc24b7dbe7afe094d905752229 100644 (file)
--- a/src/components/Service.vue
+++ b/src/components/Service.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="card">
+    <div class="card" :class="item.class">
       <a :href="item.url" :target="item.target" rel="noreferrer">
         <div class="card-content">
           <div class="media">
@@ -11,7 +11,7 @@
             </div>
             <div v-if="item.icon" class="media-left">
               <figure class="image is-48x48">
-                <i style="font-size: 35px;" :class="['fa-fw', item.icon]"></i>
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
               </figure>
             </div>
             <div class="media-content">
@@ -37,4 +37,8 @@ export default {
 };
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+</style>