Init Contact Panel (#206)

app/javascript/dashboard/components/widgets/Thumbnail.vue

@@ -13,12 +13,14 @@
       class="user-thumbnail"
       background-color="#1f93ff"
       color="white"
+      :size="avatarSize"
     >
     </Avatar>
     <img
       v-if="badge === 'Facebook'"
       id="badge"
       class="source-badge"
+      :style="badgeStyle"
       src="~dashboard/assets/images/fb-badge.png"
     />
   </div>
@@ -58,6 +60,15 @@ export default {
       imgError: false,
     };
   },
+  computed: {
+    avatarSize() {
+      return Number(this.size.replace(/\D+/g, ''));
+    },
+    badgeStyle() {
+      const badgeSize = `${this.avatarSize / 3}px`;
+      return { width: badgeSize, height: badgeSize };
+    },
+  },
   methods: {
     onImgError() {
       this.imgError = true;