From a92dc66503493442d5b3460e2dd1518c861c2d08 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 11 Apr 2024 09:57:08 +0700
Subject: [PATCH] fix: conditional label

---
 .../01_branch-management/CardDetailsComponent.vue           | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/01_branch-management/CardDetailsComponent.vue b/src/components/01_branch-management/CardDetailsComponent.vue
index a51fa083..1e3cf460 100644
--- a/src/components/01_branch-management/CardDetailsComponent.vue
+++ b/src/components/01_branch-management/CardDetailsComponent.vue
@@ -11,7 +11,9 @@ defineProps<{
   <div class="q-pa-md">
     <div class="flex q-gutter-x-md" style="align-items: center">
       <Icon icon="ic:baseline-home" />
-      <div class="text-h6">รายละเอียดสำนักงานใหญ่</div>
+      <div class="text-h6">
+        {{ data?.isHeadOffice ? $t('branchHQLabel') : $t('branchLabel') }}
+      </div>
 
       <div
         class="text-h6 color-card-text-code"
@@ -20,7 +22,7 @@ defineProps<{
         {{ data?.code }}
       </div>
       <div
-        class="q-pa-sm"
+        class="q-px-sm"
         style="
           color: var(--teal-6);
           background: hsla(var(--teal-6-hsl) / 0.08);