อัตรากำลังลูกจ้างประจำ ฯ => ปรับ btn

src/modules/16_positionEmployee/components/TreeTable.vue

@@ -85,6 +85,12 @@ const rowId = ref<string>("");
 const actionType = ref<string>("");
 /** ListMenu Table*/
 const listMenu = ref<ListMenu[]>([
+  {
+    label: "ย้ายตำแหน่ง",
+    icon: "mdi-cursor-move",
+    type: "MOVE",
+    color: "blue-10",
+  },
   {
     label: "แก้ไข",
     icon: "edit",
@@ -97,12 +103,6 @@ const listMenu = ref<ListMenu[]>([
     type: "DEL",
     color: "red",
   },
-  {
-    label: "ย้ายตำแหน่ง",
-    icon: "mdi-cursor-move",
-    type: "MOVE",
-    color: "blue-10",
-  },
 ]);
 
 /** columns*/
@@ -447,12 +447,12 @@ watch(
                 checkPermission($route)?.attrIsUpdate ||
                 checkPermission($route)?.attrIsDelete
               "
+              class="q-pa-none q-ml-xs"
               flat
               dense
-              icon="mdi-dots-vertical"
+              color="secondary"
-              class="q-pa-none q-ml-xs"
+              icon="mdi-dots-horizontal-circle-outline"
-              color="grey-13"
+              round
-              size="12px"
             >
               <q-menu>
                 <q-list dense style="min-width: 150px">
@@ -470,7 +470,7 @@ watch(
                       <div class="row items-center">
                         <q-icon
                           color="secondary"
-                          size="17px"
+                          size="xs"
                           name="mdi-account"
                         />
                         <div class="q-pl-md">เลือกคนครอง</div>
@@ -490,7 +490,7 @@ watch(
                       <div class="row items-center">
                         <q-icon
                           color="red"
-                          size="17px"
+                          size="xs"
                           name="mdi-account-remove"
                         />
                         <div class="q-pl-md">ลบคนครอง</div>
@@ -526,7 +526,7 @@ watch(
                       <div class="row items-center">
                         <q-icon
                           :color="item.color"
-                          size="17px"
+                          size="xs"
                           :name="item.icon"
                         />
                         <div class="q-pl-md">{{ item.label }}</div>
@@ -541,7 +541,7 @@ watch(
                   >
                     <q-item-section>
                       <div class="row items-center">
-                        <q-icon color="blue" size="17px" name="mdi-eye" />
+                        <q-icon color="info" size="xs" name="mdi-eye" />
                         <div class="q-pl-md">ดูรายละเอียด</div>
                       </div>
                     </q-item-section>