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>