fix: แก้ปุ่มในการสร้าง

src/pages/03_customer-management/MainPage.vue

@@ -1124,7 +1124,7 @@ watch(
 </script>
 
 <template>
-  <ButtonAddComponent style="z-index: 999">
+  <ButtonAddComponent style="z-index: 999" v-if="selectorLabel !== 'EMPLOYER'">
     <q-fab-action
       style="color: white; background-color: hsla(var(--purple-11-hsl))"
       @click="triggerCreate('CORP')"
@@ -1134,8 +1134,8 @@ watch(
       external-label
       label-position="left"
     />
-
     <q-fab-action
+      v-if="selectorLabel === 'EMPLOYER'"
       :label="$t('add') + ' ' + $t('customerNaturalPerson')"
       external-label
       label-position="left"
@@ -1146,6 +1146,18 @@ watch(
     ></q-fab-action>
   </ButtonAddComponent>
 
+  <ButtonAddComponent style="z-index: 999" v-if="selectorLabel === 'EMPLOYER'">
+    <q-fab-action
+      :label="$t('add') + ' ' + $t('EMPLOYEE')"
+      external-label
+      label-position="left"
+      @click="openDialogCustomerType()"
+      color="primary"
+      padding="xs"
+      icon="mdi-account-plus"
+    ></q-fab-action>
+  </ButtonAddComponent>
+
   <div class="column q-pb-lg">
     <div class="text-h6 text-weight-bold q-mb-md">
       {{ $t('customerManagement') }}
@@ -1317,7 +1329,7 @@ watch(
         >
           <div
             class="row full-width customer-row"
-            :style="`grid-template-columns: repeat(${$q.screen.lt.sm ? '2' : $q.screen.lt.md ? '3' : $q.screen.lt.lg ? '6' : '7'}, 180px)`"
+            :style="`grid-template-columns: repeat(${$q.screen.lt.sm ? '2' : $q.screen.lt.md ? '3' : $q.screen.lt.lg ? '5' : '6'}, 1fr)`"
             style="min-height: 250px"
           >
             <UsersDetailCardComponent