fix: clean and adjust

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

@@ -975,7 +975,6 @@ async function assignFormDataEmployee(id: string) {
       citizenId: fetchOther.citizenId,
     };
 
-    formDataEmployeeTab.value = 'personalInfo';
     currentEmployeeCode.value = foundEmployee.code;
     currentEmployee.value = foundEmployee;
     profileUrl.value = foundEmployee.profileImageUrl;
@@ -1713,25 +1712,25 @@ watch(selectorLabel, async () => {
     :title="$t('customerCardUserType')"
     no-footer
     no-app-box
-    max-width="80%"
+    width="60vw"
+    height="50vh"
+    :close="() => (dialogCustomerType = false)"
   >
-    <template #body>
-      <div class="row q-gutter-xl q-pa-sm">
-        <ItemCard
-          class="col"
-          v-for="i in itemCard"
-          :key="i.text"
-          :icon="i.icon"
-          :text="i.text"
-          :color="i.color"
-          @trigger="
-            () => {
-              triggerCreate(i.text === 'customerLegalEntity' ? 'CORP' : 'PERS');
-            }
-          "
-        />
-      </div>
-    </template>
+    <div class="row full-width items-center">
+      <ItemCard
+        class="col q-mx-sm"
+        v-for="i in itemCard"
+        :key="i.text"
+        :icon="i.icon"
+        :text="i.text"
+        :color="i.color"
+        @trigger="
+          () => {
+            triggerCreate(i.text === 'customerLegalEntity' ? 'CORP' : 'PERS');
+          }
+        "
+      />
+    </div>
   </FormDialog>
 
   <FormDialog
@@ -1743,7 +1742,11 @@ watch(selectorLabel, async () => {
         onSubmit();
       }
     "
-    :close="() => {}"
+    :close="
+      () => {
+        dialogInputForm = false;
+      }
+    "
   >
     <template #prepend>
       <ProfileUpload