From d7df0f20f89b2d2d36c5eee8f3048f24f56d1abb Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 6 Aug 2024 07:54:28 +0000
Subject: [PATCH] fix: form address

---
 .../02_personnel-management/FormAddress.vue           | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index 969cbec1..a8f56dd9 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -20,6 +20,7 @@ defineProps<{
   disabledRule?: boolean;
   indexId?: number;
   prefixId: string;
+  hideTitle?: boolean;
 }>();
 
 const adrressStore = useAddressStore();
@@ -147,7 +148,10 @@ watch(districtId, fetchSubDistrict);
 </script>
 <template>
   <div class="col-12">
-    <div class="col-12 q-pb-sm text-weight-bold text-body1">
+    <div
+      v-if="!hideTitle"
+      class="col-12 q-pb-sm text-weight-bold text-body1 row items-center"
+    >
       <q-icon
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
@@ -160,7 +164,7 @@ watch(districtId, fetchSubDistrict);
 
       <div
         v-if="employee"
-        class="surface-3 q-px-sm q-py-xs row"
+        class="surface-3 q-px-sm q-py-xs row text-caption q-ml-md app-text-muted"
         style="border-radius: var(--radius-3)"
       >
         <span
@@ -355,7 +359,7 @@ watch(districtId, fetchSubDistrict);
 
       <div class="col-12 app-text-muted-2">
         <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" />
-        {{ addressTitle || $t('formDialogTitleAddressPureEN') }}
+        {{ addressTitleEN || $t('formDialogTitleAddressPureEN') }}
       </div>
       <div class="col-12 row q-col-gutter-sm">
         <q-input
@@ -523,6 +527,7 @@ watch(districtId, fetchSubDistrict);
 .active-addr {
   color: hsl(var(--info-bg));
   background-color: hsla(var(--info-bg) / 0.1);
+  border-radius: var(--radius-3);
 
   &.dark {
     background-color: var(--surface-1);