แก้ pop-up

src/modules/07_insignia/components/5_Borrow/DialogForm.vue

@@ -5,6 +5,7 @@ import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import type { DataOption } from "@/modules/04_registry/components/profileType";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 const $q = useQuasar();
 const myForm = ref<QForm>();
@@ -230,22 +231,11 @@ const closeDialog = () => {
 <template>
   <q-dialog v-model="props.modal" persistent>
     <q-card style="min-width: 900px" class="q-pb-md">
-      <q-toolbar class="q-py-md">
-        <q-toolbar-title class="text-h6">ยืม-คืนเครื่องราชฯ </q-toolbar-title>
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="closeDialog"
-          style="color: #ff8080; background-color: #ffdede"
-          ><q-tooltip>ปิด</q-tooltip></q-btn
-        >
-      </q-toolbar>
+      <DialogHeader tittle="ยืม-คืนเครื่องราชฯ" :close="closeDialog" />
       <q-separator />
 
       <q-form ref="myForm">
-        <div class="q-pa-md">
+        <div class="q-pa-md bg-grey-1">
           <div
             class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
           >