audit detail dialog

lnbits/templates/pages/audit.vue

@@ -170,33 +170,23 @@
     </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')"
-      <q-input
+    :action="{
-        filled
+      handler: () => utils.copyText(auditDetailsDialog.data),
-        dense
+      label: $t('copy'),
-        v-model.trim="auditDetailsDialog.data"
+      icon: 'content_copy'
-        type="textarea"
+    }"
-        rows="25"
+    :cancel-label="$t('close')"
-      ></q-input>
+    @update:model-value="auditDetailsDialog.show = $event"
-
+  >
-      <div class="row q-mt-lg">
+    <q-input
-        <q-btn
+      filled
-          @click="utils.copyText(auditDetailsDialog.data)"
+      dense
-          icon="content_copy"
+      v-model.trim="auditDetailsDialog.data"
-          color="grey"
+      type="textarea"
-          flat
+      rows="25"
-          v-text="$t('copy')"
+    ></q-input>
-        ></q-btn>
+  </lnbits-dialog>
-        <q-btn
-          v-close-popup
-          flat
-          color="grey"
-          class="q-ml-auto"
-          v-text="$t('close')"
-        ></q-btn>
-      </div>
-    </q-card>
-  </q-dialog>
 </template>