From afd8eab953201bdbb399d7858394782e44331117 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 24 Jul 2024 10:45:06 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20DialogDataDiff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../03_logs/components/DialogDataDiff.vue     | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/modules/03_logs/components/DialogDataDiff.vue

diff --git a/src/modules/03_logs/components/DialogDataDiff.vue b/src/modules/03_logs/components/DialogDataDiff.vue
new file mode 100644
index 00000000..23c7dead
--- /dev/null
+++ b/src/modules/03_logs/components/DialogDataDiff.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import DialogHeader from "@/components/DialogHeader.vue";
+
+const openDialog = defineModel<boolean>("openDialog", {
+  required: true,
+  default: false,
+});
+
+defineProps<{
+  title: string;
+  close?: (...args: unknown[]) => void;
+}>();
+</script>
+
+<template>
+  <q-dialog v-model="openDialog">
+    <q-card style="width: 100%">
+      <!-- header -->
+
+      <DialogHeader :tittle="title" :close="close" />
+
+      <q-separator />
+
+      <!-- body -->
+      <q-card-section class="scroll" style="height: 80vh">
+        <slot />
+      </q-card-section>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped lang="scss">
+@media (min-width: 600px) {
+  .q-dialog__inner--minimized > div {
+    max-width: 80%;
+  }
+}
+</style>