noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tile and map object list modals start at top left

Browse Source
This commit is contained in:
Andrei 2025-01-28 14:09:40 -06:00
parent ba90982e35
commit 2a6321b06b
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/gameMaster/mapEditor/partials/MapObjectList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Modal ref="modalRef" :modal-width="645" :modal-height="260" :bg-style="'none'"> <Modal ref="modalRef" :modal-width="645" :modal-height="600" :bg-style="'none'">
<template #modalHeader> <template #modalHeader>
<h3 class="text-lg text-white">Map objects</h3> <h3 class="text-lg text-white">Map objects</h3>
</template> </template>
@ -59,7 +59,8 @@ const modalRef = useTemplateRef('modalRef')
defineExpose({ defineExpose({
open: () => modalRef.value?.open(), open: () => modalRef.value?.open(),
close: () => modalRef.value?.close() close: () => modalRef.value?.close(),
getModal: () => modalRef.value,
}) })
const uniqueTags = computed(() => { const uniqueTags = computed(() => {

3
src/components/gameMaster/mapEditor/partials/TileList.vue
View File

@ -100,7 +100,8 @@ const modalRef = useTemplateRef('modalRef')
defineExpose({ defineExpose({
open: () => modalRef.value?.open(), open: () => modalRef.value?.open(),
close: () => modalRef.value?.close() close: () => modalRef.value?.close(),
getModal: () => modalRef.value,
}) })
const uniqueTags = computed(() => { const uniqueTags = computed(() => {

2
src/components/screens/MapEditor.vue
View File

@ -114,7 +114,9 @@ function save() {
} }
function closeLists() { function closeLists() {
tileModal.value?.getModal()?.setPosition(4,6)
tileModal.value?.close() tileModal.value?.close()
objectModal.value?.getModal()?.setPosition(4,6)
objectModal.value?.close() objectModal.value?.close()
} }

3
src/components/utilities/Modal.vue
View File

@ -87,7 +87,8 @@ const emit = defineEmits<{
defineExpose({ defineExpose({
open: () => (isModalOpenRef.value = true), open: () => (isModalOpenRef.value = true),
close: () => (isModalOpenRef.value = false), close: () => (isModalOpenRef.value = false),
toggle: () => (isModalOpenRef.value = !isModalOpenRef.value) toggle: () => (isModalOpenRef.value = !isModalOpenRef.value),
setPosition: (a: number, b: number) => { x.value = a; y.value = b}
}) })
const isModalOpenRef = ref(props.isModalOpen) const isModalOpenRef = ref(props.isModalOpen)