From e504d02be76e1408920bfeb2eee608201396b6cf Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Mon, 30 Sep 2024 11:32:55 +0700
Subject: [PATCH] fix: button position

---
 src/pages/03_customer-management/MainPage.vue | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 8dbf8773..546d4925 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2421,7 +2421,9 @@ const emptyCreateDialog = ref(false);
       }"
       id="drawer-employee-form"
     >
-      <div class="col surface-1 full-height rounded bordered scroll row">
+      <div
+        class="col surface-1 full-height rounded bordered scroll row relative-position"
+      >
         <div
           class="col"
           style="height: 100%; max-height: 100; overflow-y: auto"
@@ -2501,12 +2503,8 @@ const emptyCreateDialog = ref(false);
         >
           <template v-if="employeeFormState.currentTab === 'personalInfo'">
             <div
-              class="rounded row"
-              :class="{
-                'q-py-md q-px-lg': $q.screen.gt.sm,
-                ' q-px-md': !$q.screen.gt.sm,
-              }"
-              style="position: absolute; z-index: 999; right: 4%"
+              class="rounded row q-py-md q-px-md"
+              style="position: absolute; z-index: 999; top: 0; right: 0"
             >
               <div class="surface-1 row rounded">
                 <UndoButton
@@ -3662,7 +3660,7 @@ const emptyCreateDialog = ref(false);
       </div>
       <div
         style="flex: 1; width: 100%; overflow-y: auto"
-        class="column"
+        class="column relative-position"
         id="drawer-employee-form"
         :class="{
           'q-px-lg q-pb-lg': $q.screen.gt.sm,
@@ -3736,7 +3734,7 @@ const emptyCreateDialog = ref(false);
             </div>
           </div>
           <div
-            class="col-12 col-md-10"
+            class="col-12 col-md-10 row"
             :class="{
               'q-py-md q-pr-md ': $q.screen.gt.sm,
               'q-py-md q-px-lg': !$q.screen.gt.sm,
@@ -3746,16 +3744,12 @@ const emptyCreateDialog = ref(false);
           >
             <template v-if="employeeFormState.currentTab === 'personalInfo'">
               <div
-                class="rounded row"
-                style="position: absolute; z-index: 999; right: 4%"
+                class="rounded row q-py-sm q-mx-lg q-px-md"
+                style="position: absolute; z-index: 999; right: 0; top: 0"
                 v-if="
                   currentTab === 'employee' &&
                   currentFromDataEmployee.status !== 'INACTIVE'
                 "
-                :class="{
-                  'q-py-md q-px-lg': $q.screen.gt.sm,
-                  ' q-px-md': !$q.screen.gt.sm,
-                }"
               >
                 <div class="surface-1 row rounded">
                   <UndoButton
@@ -3871,7 +3865,6 @@ const emptyCreateDialog = ref(false);
                   />
                   {{ $t(`general.uploadFile`) }}
                 </div>
-                <!-- แก้ไขลูกจ้าง -->
               </div>
             </template>
             <template v-if="employeeFormState.currentTab === 'healthCheck'">