Worked on game master tools

src/components/utilities/Modal.vue

@@ -3,7 +3,10 @@
     <div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef">
       <div class="modal-header" @mousedown="startDrag">
         <slot name="modalHeader" />
-        <button @click="close" v-if="closable"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button>
+        <div class="buttons">
+          <button><img alt="resize" draggable="false" src="/assets/icons/modalFullscreen.svg" /></button>
+          <button @click="close" v-if="closable"><img alt="close" draggable="false" src="/assets/icons/close-button-white.svg" /></button>
+        </div>
       </div>
       <div class="modal-body">
         <slot name="modalBody" />
@@ -125,21 +128,26 @@ onUnmounted(() => {
       font-weight: 400;
     }
 
-    button {
-      width: 20px;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: relative;
+    .buttons {
+      display: flex;
+      gap: 10px;
 
-      img {
-        width: 100%;
-        height: 100%;
-      }
+      button {
+        width: 20px;
+        height: 20px;
+        margin: 0;
+        padding: 0;
+        position: relative;
 
-      &:hover {
-        transform: rotate(180deg);
-        transition: ease-in-out transform 0.3s;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+
+        &:hover {
+          transform: rotate(180deg);
+          transition: ease-in-out transform 0.3s;
+        }
       }
     }
   }

src/components/utilities/gmTools/GmUtilityWindow.vue

@@ -0,0 +1,14 @@
+<template>
+  <Modal :isModalOpen="true">
+    <template #modalHeader>
+      <h3 class="modal-title">GM tools</h3>
+    </template>
+    <template #modalBody>
+      <p></p>
+    </template>
+  </Modal>
+</template>
+<script setup lang="ts">
+import ZoneEditor from '@/components/utilities/zoneEditor/ZoneEditor.vue'
+import Modal from '@/components/utilities/Modal.vue'
+</script>