fix

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

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>