fix: form address

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);