1
0
forked from noxious/client

Moved remove btn to img container

This commit is contained in:
Colin Kallemein 2024-07-11 19:26:12 +02:00
parent 56a3346ebf
commit 90046613ca
2 changed files with 6 additions and 6 deletions

View File

@ -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>

View File

@ -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>