From 97dd655d0099556c695f31be261991746761f57f Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 26 Jul 2024 02:53:24 +0000
Subject: [PATCH] fix(02): form q-file icon

---
 src/components/02_personnel-management/FormByType.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 45e7f3b6..2550272d 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -5,6 +5,7 @@ import { dialog } from 'src/stores/utils';
 import { dateFormat, parseAndFormatDate } from 'src/utils/datetime';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { Icon } from '@iconify/vue';
 
 const { locale } = useI18n();
 const userStore = useUserStore();
@@ -328,6 +329,13 @@ function deleteFile(name: string) {
           class="col-12"
           v-model="agencyFile"
         >
+          <template v-slot:prepend>
+            <Icon
+              icon="material-symbols:attach-file"
+              width="20px"
+              style="color: var(--brand-1)"
+            />
+          </template>
           <template v-slot:file="file">
             <div class="row full-width items-center">
               <span class="col ellipsis">