fix hatched dialog

website/client/src/components/inventory/stable/hatchedPetDialog.vue

@@ -20,7 +20,7 @@
       </div>
       <div class="inner-content">
         <div class="pet-background d-flex align-items-center">
-          <Sprite :image-name="pet.class" />
+          <Sprite :image-name="pet.imageName" />
         </div>
         <h4 class="title">
           {{ pet.name }}
@@ -76,10 +76,11 @@
       height: 112px;
       border-radius: 4px;
       background-color: $gray-700;
-    }
 
-    .Pet {
-      margin: auto;
+      img {
+        transform: scale(1.5);
+        margin: auto;
+      }
     }
 
     .dialog-header {
@@ -134,6 +135,7 @@ export default {
   methods: {
     openDialog (item) {
       this.pet = item;
+      console.log(this.pet);
       this.$root.$emit('bv::show::modal', 'hatchedPet-modal');
     },
     close () {

website/client/src/libs/createAnimal.js

@@ -37,6 +37,7 @@ export function createAnimal (egg, potion, type, _content, userItems) {
   return {
     key: animalKey,
     class: type === 'pet' ? `Pet Pet-${animalKey}` : `Mount_Icon_${animalKey}`,
+    imageName: type === 'pet' ? `stable_Pet-${animalKey}` : `stable_Mount_Icon_${animalKey}`,
     eggKey: egg.key,
     eggName: getText(egg.text),
     potionKey: potion.key,