From 12246fefe3b65318809cfc1d0f1bab8a55e9fef2 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sat, 12 May 2018 10:51:46 +0200
Subject: TalentImage: Adjust proportions to fit talent circle

---
 src/TalentImage.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/TalentImage.vue')

diff --git a/src/TalentImage.vue b/src/TalentImage.vue
index b52887e..b7cb78c 100644
--- a/src/TalentImage.vue
+++ b/src/TalentImage.vue
@@ -1,12 +1,13 @@
 <template>
-  <div v-if="rarity !== 'unknown' && rarity" class="talent-image" :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`">
+  <div v-if="rarity !== 'unknown' && rarity"
+       class="talent-image"
+       :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`">
   </div>
 </template>
 
 <style scoped>
   .talent-image {
-    /* background-color: red; */
-    background-size: 150px;
+    background-size: 230%;
     border-radius: 50%;
     background-position: center center;
   }
@@ -25,13 +26,13 @@ export default Vue.component('talent-image', {
       rarity: maps.getTalentRarity(this.entry.Talent),
     };
   },
-  
+
   watch: {
     entry: function(newEntry, oldEntry) {
       // This is needed so component will recalculate whenever there is a change on entry
       this.hero = maps.getHero(this.entry.Actor);
       this.rarity = maps.getTalentRarity(this.entry.Talent);
-    } 
+    }
   }
 });
 </script>
-- 
cgit v1.3.1

