From bfdd1a0b08aa603bf66ba547e80949c74cc93cb4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 19 Aug 2024 15:45:58 +0700
Subject: [PATCH] fix(02): icon

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

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index e319cce4..bf8b6df3 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -785,7 +785,7 @@ watch(
       @click="openDialog('FORM')"
       color="primary"
       padding="xs"
-      icon="mdi-account-plus-outline"
+      icon="mdi-account-plus"
     ></q-fab-action>
   </ButtonAddComponent>
 
@@ -833,7 +833,7 @@ watch(
                 ? Object.entries(typeStats).map(([key, val]) => ({
                     count: val,
                     label: key,
-                    icon: 'mdi-account-outline',
+                    icon: 'mdi-account',
                     color:
                       (
                         {
@@ -848,7 +848,7 @@ watch(
                     {
                       label: selectorLabel,
                       count: typeStats[selectorLabel],
-                      icon: 'mdi-account-outline',
+                      icon: 'mdi-account',
                       color:
                         selectorLabel === 'USER'
                           ? 'cyan'
@@ -1204,7 +1204,8 @@ watch(
                           </q-img>
                           <q-icon
                             v-else
-                            name="mdi-account-outline"
+                            size="sm"
+                            name="mdi-account"
                             style="color: white"
                           />
                           <q-badge
@@ -1612,7 +1613,7 @@ watch(
           :active="formData.status !== 'INACTIVE'"
           useToggle
           color="white"
-          icon="mdi-account-outline"
+          icon="mdi-account"
           bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
           v-model:toggle-status="formData.status"
           hideFade
@@ -1835,7 +1836,7 @@ watch(
         active
         useToggle
         color="white"
-        icon="mdi-account-plus-outline"
+        icon="mdi-account-plus"
         bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
         v-model:toggle-status="formData.status"
         :menu="formMenuIcon"
@@ -2012,9 +2013,7 @@ watch(
           <q-icon
             v-else
             size="15rem"
-            :name="
-              infoDrawer ? 'mdi-account-outline' : 'mdi-account-plus-outline'
-            "
+            :name="infoDrawer ? 'mdi-account' : 'mdi-account-plus'"
             style="color: white"
           />
         </div>