From 2c7a1e27be2cbb396df9479c339f482cc51d4e4f Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Sat, 21 Dec 2024 17:48:20 +0100
Subject: [PATCH] Fixes for origin being string, styling bug hair select and
 wrong label tags

---
 src/components/game/character/partials/CharacterHair.vue      | 4 ++--
 .../gameMaster/assetManager/partials/object/ObjectDetails.vue | 4 ++--
 src/components/screens/Characters.vue                         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/game/character/partials/CharacterHair.vue b/src/components/game/character/partials/CharacterHair.vue
index 3a852ab..a75a739 100644
--- a/src/components/game/character/partials/CharacterHair.vue
+++ b/src/components/game/character/partials/CharacterHair.vue
@@ -37,8 +37,8 @@ const imageProps = computed(() => {
 
   return {
     depth: 1,
-    originX: spriteAction?.originX ?? 0,
-    originY: spriteAction?.originY ?? 0,
+    originX: Number(spriteAction?.originX) ?? 0,
+    originY: Number(spriteAction?.originY) ?? 0,
     flipX: isFlippedX.value,
     texture: texture.value,
     y: props.zoneCharacter.isMoving ? Math.floor(Date.now() / 250) % 2 : 0
diff --git a/src/components/gameMaster/assetManager/partials/object/ObjectDetails.vue b/src/components/gameMaster/assetManager/partials/object/ObjectDetails.vue
index 658adb3..9ab8ed8 100644
--- a/src/components/gameMaster/assetManager/partials/object/ObjectDetails.vue
+++ b/src/components/gameMaster/assetManager/partials/object/ObjectDetails.vue
@@ -18,11 +18,11 @@
           <input v-model="objectOriginY" class="input-field" type="number" step="any" name="origin-y" placeholder="Origin Y" />
         </div>
         <div class="form-field-full">
-          <label for="origin-x">Tags</label>
+          <label for="tags">Tags</label>
           <ChipsInput v-model="objectTags" @update:modelValue="objectTags = $event" />
         </div>
         <div class="form-field-full">
-          <label for="origin-x">Is animated</label>
+          <label for="is-animated">Is animated</label>
           <select v-model="objectIsAnimated" class="input-field" name="is-animated">
             <option :value="false">No</option>
             <option :value="true">Yes</option>
diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index ee2a4ec..cd4f57c 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -79,7 +79,7 @@
                     v-for="hair in characterHairs"
                     class="relative flex justify-center items-center bg-gray border border-solid border-gray-500 w-[18px] h-[18px] p-2 rounded-sm hover:bg-gray-500 hover:border-gray-400 focus-visible:outline-none focus-visible:border-gray-300 focus-visible:bg-gray-500 has-[:checked]:bg-cyan has-[:checked]:border-transparent"
                   >
-                    <img class="w-4 h-4" :src="config.server_endpoint + '/assets/sprites/' + hair.spriteId + '/front.png'" alt="Hair sprite" />
+                    <img class="h-4 object-contain" :src="config.server_endpoint + '/assets/sprites/' + hair.spriteId + '/front.png'" alt="Hair sprite" />
                     <input type="radio" name="hair" :value="hair.id" v-model="selectedHairId" class="h-full w-full absolute left-0 top-0 m-0 z-10 hover:cursor-pointer focus-visible:outline-offset-0 focus-visible:outline-white" />
                   </div>
                 </div>