From e6c0378762851bf8e525dae595e372f2c955ecf5 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 9 Apr 2024 17:28:59 +0700
Subject: [PATCH] refacotr: adjust tree

---
 src/pages/01_branch-management/MainPage.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 25ac0aa4..0d1fe8df 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -257,7 +257,7 @@ onMounted(async () => {
                 <template #default-header="prop">
                   <div
                     @click="fetchBranch(prop.node.id)"
-                    class="q-pa-sm color-brach-tree-text"
+                    class="q-px-sm color-brach-tree-text"
                     :class="{
                       'color-tree-active': expanded.includes(prop.node.name),
                       'bg-branch-tree':
@@ -274,10 +274,11 @@ onMounted(async () => {
 
                   <q-btn
                     class="color-brach-tree-btn"
-                    @click.stop=""
-                    size="xl"
-                    flat
+                    @click.stop
                     v-if="prop.node.isHeadOffice"
+                    size="lg"
+                    flat
+                    square
                     dense
                   >
                     <Icon
@@ -290,20 +291,19 @@ onMounted(async () => {
 
                   <q-btn
                     class="color-brach-tree-btn"
-                    @click.stop=""
-                    size="xl"
+                    @click.stop
+                    size="lg"
                     dense
                     flat
                     name="menu"
                   >
-                    <Icon icon="ri:more-2-fill" />
+                    <Icon icon="ri:more-2-fill" width="16px" />
                     <q-menu class="bordered" style="width: 150px">
                       <q-list>
                         <q-item clickable v-close-popup dense>
                           <q-item-section avatar class="q-py-sm">
                             <q-icon
                               style="color: hsl(var(--cyan-6-hsl))"
-                              size="22px"
                               name="mdi-pencil-outline"
                             />
                           </q-item-section>
@@ -314,7 +314,6 @@ onMounted(async () => {
                           <q-item-section avatar class="q-py-sm">
                             <q-icon
                               style="color: hsl(var(--red-6-hsl))"
-                              size="22px"
                               name="mdi-trash-can-outline"
                             />
                           </q-item-section>