audit detail dialog

lnbits/templates/pages/audit.vue

@@ -170,9 +170,17 @@
     </div>
   </div>
 
-  <q-dialog v-model="auditDetailsDialog.show" position="top">
+  <lnbits-dialog
-    <q-card class="q-pa-md q-pt-md lnbits__dialog-card">
+    :show="auditDetailsDialog.show"
-      <strong v-text="$t('http_request_details')"></strong>
+    :title="$t('http_request_details')"
+    :action="{
+      handler: () => utils.copyText(auditDetailsDialog.data),
+      label: $t('copy'),
+      icon: 'content_copy'
+    }"
+    :cancel-label="$t('close')"
+    @update:model-value="auditDetailsDialog.show = $event"
+  >
     <q-input
       filled
       dense
@@ -180,23 +188,5 @@
       type="textarea"
       rows="25"
     ></q-input>
-
+  </lnbits-dialog>
-      <div class="row q-mt-lg">
-        <q-btn
-          @click="utils.copyText(auditDetailsDialog.data)"
-          icon="content_copy"
-          color="grey"
-          flat
-          v-text="$t('copy')"
-        ></q-btn>
-        <q-btn
-          v-close-popup
-          flat
-          color="grey"
-          class="q-ml-auto"
-          v-text="$t('close')"
-        ></q-btn>
-      </div>
-    </q-card>
-  </q-dialog>
 </template>