From 140553666dc8d6da16310e16a0cc44d69cef429f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:05:28 +0700
Subject: [PATCH] fix

---
 src/components/Dialogs/DialogDebug.vue | 10 ++++------
 src/components/FooterContact.vue       | 13 +++++++++++++
 src/views/MainLayout.vue               |  9 +++------
 3 files changed, 20 insertions(+), 12 deletions(-)
 create mode 100644 src/components/FooterContact.vue

diff --git a/src/components/Dialogs/DialogDebug.vue b/src/components/Dialogs/DialogDebug.vue
index cd5b3a78d..e84ef99da 100644
--- a/src/components/Dialogs/DialogDebug.vue
+++ b/src/components/Dialogs/DialogDebug.vue
@@ -11,6 +11,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import DialogHeader from "@/components/DialogHeader.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 const $q = useQuasar();
 const store = usePositionKeycloakStore();
@@ -391,12 +392,9 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions class="q-px-md items-center">
-          <div class="text-caption text-grey-8 q-ml-xs q-pa-sm">
-            *พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-            <span class="text-weight-bold text-grey-8 q-ml-xs"
-              >088-264-9800</span
-            >
+        <q-card-actions class="q-px-sm items-center">
+          <div class="row items-center q-pa-sm">
+            <FooterContact />
           </div>
           <q-space />
           <q-btn
diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
new file mode 100644
index 000000000..fe2123415
--- /dev/null
+++ b/src/components/FooterContact.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="row items-center justify-center q-gutter-sm">
+    <q-icon name="support_agent" color="primary" size="sm" />
+    <span class="text-body2">
+      พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
+      <span class="text-weight-medium text-primary">088-264-9800</span>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 36b6d7ff7..3812a311d 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -28,6 +28,7 @@ import { tabList, tabListPlacement } from "../interface/request/main/main";
 
 import LoginLinkage from "@/components/LoginLinkage.vue";
 import DialogDebug from "@/components/Dialogs/DialogDebug.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 // landing page config url
 const configParam = {
@@ -1282,12 +1283,8 @@ function onViewDetailNoti(url: string) {
         <router-view :key="$route.fullPath" />
       </q-page>
     </q-page-container>
-    <q-footer class="bg-grey-2 text-grey-7 q-py-sm" bordered>
-      <div class="row justify-center items-center text-caption" style="font-size: 13px;">
-        <q-icon name="mdi-alert-circle-outline" size="18px" class="q-mr-sm" />
-        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
-        <span class="text-weight-bold text-grey-9 q-ml-xs">088-264-9800</span>
-      </div>
+    <q-footer class="bg-grey-1 text-dark q-pa-md" bordered>
+      <FooterContact />
     </q-footer>
 
     <full-loader :visibility="loader" />