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>