diff --git a/src/components/gameMaster/mapEditor/partials/SelectedPlacedMapObject.vue b/src/components/gameMaster/mapEditor/partials/SelectedPlacedMapObject.vue index 4db4afd..bd89b98 100644 --- a/src/components/gameMaster/mapEditor/partials/SelectedPlacedMapObject.vue +++ b/src/components/gameMaster/mapEditor/partials/SelectedPlacedMapObject.vue @@ -1,10 +1,10 @@ <template> - <div class="flex flex-col items-center py-5 px-3 fixed bottom-14 right-0 z-20"> - <div class="self-end mt-2 flex gap-2"> - <button @mousedown.stop @click="handleDelete" class="btn-red py-1.5 px-4"> + <div class="flex flex-col items-center px-5 fixed bottom-24 left-0 z-20"> + <div class="toolbar rounded flex bg-gray solid border-solid border-2 border-gray-500 text-gray-300 p-1.5 px-3 h-10 space-x-2"> + <button @mousedown.stop @click="handleDelete" class="btn-red !py-3 px-4"> <img src="/assets/icons/trashcan.svg" class="w-4 h-4" alt="Delete" /> </button> - <button @mousedown.stop @click="showMapObjectSettings = !showMapObjectSettings" class="btn-indigo py-1.5 px-4"> + <button @mousedown.stop @click="showMapObjectSettings = !showMapObjectSettings" class="btn-indigo !py-3 px-4"> <img src="/assets/icons/mapEditor/gear.svg" class="w-4 h-4 invert" alt="Delete" /> </button> <button @mousedown.stop @click="handleRotate" class="btn-cyan py-1.5 px-4">Rotate</button>