diff --git a/src/components/utilities/assetManager/partials/ObjectDetails.vue b/src/components/utilities/assetManager/partials/ObjectDetails.vue index 0f1fbca..7b08d80 100644 --- a/src/components/utilities/assetManager/partials/ObjectDetails.vue +++ b/src/components/utilities/assetManager/partials/ObjectDetails.vue @@ -1,7 +1,9 @@ <template> <div class="h-full overflow-auto"> - <div class="relative p-2.5 flex items-center justify-center h-[300px]"> + <div class="relative p-2.5 flex flex-col items-center justify-between h-[300px]"> + <div class="filler"></div> <img class="max-h-[280px]" :src="`${config.server_endpoint}/assets/objects/${selectedObject?.id}.png`" :alt="'Object ' + selectedObject?.id" /> + <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click.prevent="removeObject">Remove</button> <div class="absolute left-0 bottom-0 w-full h-[1px] bg-cyan-200"></div> </div> <div class="m-2.5 p-2.5 block"> @@ -19,7 +21,6 @@ <input v-model="objectOriginY" class="input-cyan" type="number" step="any" name="origin-y" placeholder="Origin Y" /> </div> <button class="btn-cyan px-[15px] py-1.5 min-w-[100px]" type="submit">Save</button> - <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click.prevent="removeObject">Remove</button> </form> </div> </div> diff --git a/src/components/utilities/assetManager/partials/TileDetails.vue b/src/components/utilities/assetManager/partials/TileDetails.vue index d74effc..c286ba7 100644 --- a/src/components/utilities/assetManager/partials/TileDetails.vue +++ b/src/components/utilities/assetManager/partials/TileDetails.vue @@ -1,7 +1,9 @@ <template> <div class="h-full overflow-auto"> - <div class="relative p-2.5 flex items-center justify-center h-[300px]"> + <div class="relative p-2.5 flex flex-col items-center justify-between h-[300px]"> + <div class="filler"></div> <img class="max-h-[280px]" :src="tileImageUrl" :alt="'Tile ' + selectedTile" /> + <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click="removeTile">Remove</button> <div class="absolute left-0 bottom-0 w-full h-[1px] bg-cyan-200"></div> </div> <div class="m-2.5 p-2.5 block"> @@ -10,9 +12,6 @@ <label class="mb-1.5 font-titles" for="tags">Tags</label> <ChipsInput v-model="tags" @update:modelValue="handleTagsUpdate" /> </div> - <div class="w-full"> - <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click="removeTile">Remove</button> - </div> </form> </div> </div>