From ceb906724c7c92380dc070aa2717446cb6d0c38d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 7 Aug 2024 04:17:15 +0000
Subject: [PATCH] fix: form gutter

---
 src/components/01_branch-management/FormBank.vue          | 8 ++++++--
 src/components/02_personnel-management/FormByType.vue     | 6 +++---
 .../02_personnel-management/FormInformation.vue           | 2 +-
 .../03_customer-management/FormEmployeeOther.vue          | 8 ++++----
 .../03_customer-management/FormEmployeeWorkHistory.vue    | 6 +++---
 5 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index 16771eef..b62875ac 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -107,7 +107,7 @@ watch(
       <q-separator
         v-if="i > 0"
         class="full-width"
-        style="padding-block: 0.1px"
+        style="padding-block: 0.01px"
         spaced="lg"
       />
       <span class="col-12 app-text-muted-2 flex justify-between items-center">
@@ -123,7 +123,11 @@ watch(
             :disable="readonly"
             v-model="book.currentlyUse"
           />
-          <q-separator vertical spaced="lg" />
+          <q-separator
+            v-if="bankBookList.length !== 1 && !readonly"
+            vertical
+            spaced="lg"
+          />
           <q-btn
             v-if="bankBookList.length !== 1 && !readonly"
             flat
diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index cdfed95e..3ff1da50 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -81,10 +81,10 @@ function deleteFile(name: string) {
       />
       {{ $t('formDialogTitleByType') }}
     </div>
-    <div class="col-12 row q-col-gutter-md">
+    <div class="col-12 row q-col-gutter-sm">
       <div
         v-if="userType === 'USER' || userType === 'MESSENGER'"
-        class="row col-12 q-col-gutter-md"
+        class="row col-12 q-col-gutter-sm"
         style="margin-left: 0px; padding-left: 0px"
       >
         <q-input
@@ -261,7 +261,7 @@ function deleteFile(name: string) {
       </div>
       <div
         v-if="userType === 'AGENCY'"
-        class="row col-12 q-col-gutter-md"
+        class="row col-12 q-col-gutter-sm"
         style="margin-left: 0px; padding-left: 0px"
       >
         <q-select
diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index 6b41c2be..623c6044 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/src/components/02_personnel-management/FormInformation.vue
@@ -85,7 +85,7 @@ onMounted(async () => {
       {{ $t(`${title}`) }}
     </div>
 
-    <div class="col-12 row q-col-gutter-md">
+    <div class="col-12 row q-col-gutter-sm">
       <q-select
         outlined
         clearable
diff --git a/src/components/03_customer-management/FormEmployeeOther.vue b/src/components/03_customer-management/FormEmployeeOther.vue
index 52579a1b..05d06029 100644
--- a/src/components/03_customer-management/FormEmployeeOther.vue
+++ b/src/components/03_customer-management/FormEmployeeOther.vue
@@ -26,8 +26,8 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
       {{ $t('formDialogTitleFamilyHistory') }}
     </div>
 
-    <div class="col-12 row q-col-gutter-y-md">
-      <div class="col-12 row q-col-gutter-md">
+    <div class="col-12 row q-col-gutter-y-sm">
+      <div class="col-12 row q-col-gutter-sm">
         <q-input
           lazy-rules="ondemand"
           :for="`${prefixId}-input-citizen-id`"
@@ -44,7 +44,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
         <q-icon size="xs" class="q-mr-xs" name="mdi-human-male" />
         {{ $t('formDialogTitleFamilyHistoryDad') }}
       </div>
-      <div class="col-12 row q-col-gutter-md">
+      <div class="col-12 row q-col-gutter-sm">
         <q-input
           lazy-rules="ondemand"
           :for="`${prefixId}-input-father-first-name`"
@@ -106,7 +106,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
         <q-icon size="xs" class="q-mr-xs" name="mdi-human-female" />
         {{ $t('formDialogTitleFamilyHistoryMom') }}
       </div>
-      <div class="col-12 row q-col-gutter-md">
+      <div class="col-12 row q-col-gutter-sm">
         <q-input
           lazy-rules="ondemand"
           :for="`${prefixId}-input-mother-first-name`"
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index 7fadbe88..777b0641 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
@@ -149,7 +149,7 @@ const workplaceFilter = selectFilterOptionRefMod(
         map-options
         hide-selected
         hide-bottom-space
-        class="col-5"
+        class="col-6"
         input-debounce="0"
         option-label="label"
         option-value="value"
@@ -421,7 +421,7 @@ const workplaceFilter = selectFilterOptionRefMod(
         outlined
         :readonly="readonly"
         hide-bottom-space
-        class="col-4"
+        class="col-5"
         :label="$t('formDialogInputOwnerName')"
         v-model="work.ownerName"
       />
@@ -434,7 +434,7 @@ const workplaceFilter = selectFilterOptionRefMod(
         map-options
         hide-selected
         hide-bottom-space
-        class="col-5"
+        class="col-4"
         input-debounce="0"
         option-value="value"
         option-label="label"