From b0c4c8450c94664e7ba17eda10cd4052d3e77684 Mon Sep 17 00:00:00 2001
From: MoonTestUse1 <crocoman7887@gmail.com>
Date: Fri, 27 Dec 2024 02:42:29 +0600
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=87=D0=B8=D0=BD=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D1=81=D0=BE=D1=82=D1=80=D1=83=D0=B4=D0=BD=D0=B8=D0=BA=D0=B06?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/admin/EmployeeList.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/admin/EmployeeList.vue b/frontend/src/components/admin/EmployeeList.vue
index 8784df0..a5ea11a 100644
--- a/frontend/src/components/admin/EmployeeList.vue
+++ b/frontend/src/components/admin/EmployeeList.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted } from 'vue';
 import { departments } from '@/utils/constants';
 import type { Employee, EmployeeFormData } from '@/types/employee';
-import EmployeeFormModal from './employee/EmployeeFormModal.vue';
+import EmployeeForm from './EmployeeForm.vue';
 
 const employees = ref<Employee[]>([]);
 const showAddForm = ref(false);
@@ -121,11 +121,13 @@ onMounted(fetchEmployees);
       </table>
     </div>
 
-    <EmployeeFormModal
-      v-if="showAddForm || editingEmployee"
-      :employee="editingEmployee || undefined"
-      @close="closeForm"
-      @submit="handleSubmit"
-    />
+    <Teleport to="body">
+      <EmployeeForm
+        v-if="showAddForm || editingEmployee"
+        :employee="editingEmployee"
+        @close="closeForm"
+        @submit="handleSubmit"
+      />
+    </Teleport>
   </div>
 </template>
\ No newline at end of file