No more modal for dialogs

dashboard/src/components/ApiTokens.vue

@@ -95,7 +95,6 @@ function onReset() {
 async function onRevokeToken(id, name) {
   const yes = await inputDialog.value.confirm({
     message: t('profile.removeApiToken.title', { name }),
-    modal: true,
     confirmStyle: 'danger',
     confirmLabel: t('main.dialog.yes'),
     rejectLabel: t('main.dialog.no')

dashboard/src/components/AppArchive.vue

@@ -58,7 +58,6 @@ async function onRemove(archive) {
   const yes = await inputDialog.value.confirm({
     title: t('backups.deleteArchiveDialog.title', { appTitle: archive.appConfig?.manifest?.title, fqdn: archive.appConfig?.fqdn }),
     message: t('backups.deleteArchiveDialog.description'),
-    modal: true,
     confirmStyle: 'danger',
     confirmLabel: t('backups.deleteArchive.deleteAction'),
     rejectLabel: t('main.dialog.cancel')

dashboard/src/components/AppPasswords.vue

@@ -102,7 +102,6 @@ function onCopyToClipboard(password) {
 async function onRemove(id, name) {
   const yes = await inputDialog.value.confirm({
     message: t('profile.removeAppPassword.title', { name }),
-    modal: true,
     confirmStyle: 'danger',
     confirmLabel: t('main.dialog.yes'),
     rejectLabel: t('main.dialog.no')

dashboard/src/components/BackupSchedule.vue

@@ -81,7 +81,6 @@ async function onCleanup() {
   const yes = await inputDialog.value.confirm({
     // title: t('backups.cleanupBackups.title'),
     message: t('backups.cleanupBackups.description'),
-    modal: true,
     confirmStyle: 'danger',
     confirmLabel: t('main.dialog.yes'),
     rejectLabel: t('main.dialog.no')

dashboard/src/components/DomainDialog.vue

@@ -90,7 +90,6 @@ defineExpose({
 <template>
   <Dialog ref="dialog"
     :title="editing ? $t('domains.domainDialog.editTitle', { domain: domain }) : $t('domains.domainDialog.addTitle')"
-    :modal="busy"
     :confirm-busy="busy"
     :confirm-active="!busy && isFormValid"
     :confirm-label="$t('main.dialog.save')"

dashboard/src/components/FolderView.vue

@@ -112,7 +112,6 @@ async function onNewFile() {
     confirmStyle: 'success',
     confirmLabel: t('filemanager.newFileDialog.create'),
     rejectLabel: t('main.dialog.cancel'),
-    modal: false
   });
 
   if (!newFileName) return;
@@ -129,7 +128,6 @@ async function onNewFolder() {
     confirmStyle: 'success',
     confirmLabel: t('filemanager.newFileDialog.create'),
     rejectLabel: t('main.dialog.cancel'),
-    modal: false
   });
 
   if (!newFolderName) return;
@@ -243,7 +241,6 @@ async function deleteHandler(files) {
     confirmStyle: 'danger',
     confirmLabel: t('main.dialog.yes'),
     rejectLabel: t('main.dialog.no'),
-    modal: false
   });
 
   if (!confirmed) return;
@@ -482,23 +479,23 @@ onMounted(async () => {
     <template #dialogs>
       <Notification />
 
-      <Dialog ref="fatalErrorDialog" modal title="Error">
+      <Dialog ref="fatalErrorDialog" title="Error">
         <p>{{ fatalError }}</p>
       </Dialog>
 
-      <Dialog ref="extractInProgressDialog" modal :title="$t('filemanager.extractionInProgress')">
+      <Dialog ref="extractInProgressDialog" :title="$t('filemanager.extractionInProgress')">
         <div style="text-align: center;">
           <Spinner style="margin: 10px; width: 50px; height: 50px"/>
         </div>
       </Dialog>
 
-      <Dialog ref="pasteInProgressDialog" modal :title="$t('filemanager.pasteInProgress')">
+      <Dialog ref="pasteInProgressDialog" :title="$t('filemanager.pasteInProgress')">
         <div style="text-align: center;">
           <Spinner style="margin: 10px; width: 50px; height: 50px"/>
         </div>
       </Dialog>
 
-      <Dialog ref="deleteInProgressDialog" modal :title="$t('filemanager.deleteInProgress')">
+      <Dialog ref="deleteInProgressDialog" :title="$t('filemanager.deleteInProgress')">
         <div style="text-align: center;">
           <Spinner style="margin: 10px; width: 50px; height: 50px"/>
         </div>

dashboard/src/components/Terminal.vue

@@ -51,7 +51,6 @@ async function onDownload() {
     confirmStyle: 'success',
     confirmLabel: t('terminal.download.download'),
     rejectLabel: t('main.dialog.cancel'),
-    modal: false
   });
 
   if (!downloadFileName) return;
@@ -287,7 +286,7 @@ onMounted(async () => {
 <template>
   <MainLayout :gap="false">
     <template #dialogs>
-      <Dialog ref="fatalErrorDialog" modal title="Error">
+      <Dialog ref="fatalErrorDialog" title="Error">
         <p>{{ fatalError }}</p>
       </Dialog>