From 12399ca3df56ed4c30370121d59e65ff6c04fcbe Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 21 Aug 2024 18:27:15 +0200
Subject: [PATCH] fix: views's modal variant and position

---
 app/src/composables/useAutoModal.ts   | 6 +++---
 app/src/views/app/AppInfo.vue         | 4 ++--
 app/src/views/domain/DomainInfo.vue   | 4 ++--
 app/src/views/update/SystemUpdate.vue | 6 +++---
 app/src/views/user/UserInfo.vue       | 4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/src/composables/useAutoModal.ts b/app/src/composables/useAutoModal.ts
index ecb981f2..5ff0fb58 100644
--- a/app/src/composables/useAutoModal.ts
+++ b/app/src/composables/useAutoModal.ts
@@ -19,11 +19,11 @@ export function useAutoModal() {
       centered: true,
       okOnly: !cancelable,
       ...(markdown
-        ? { headerBgVariant: 'warning', headerClass: 'text-black' }
+        ? { headerVariant: 'warning' }
         : {
             hideHeader: true,
-            bodyBgVariant: 'warning',
-            bodyClass: ['fw-bold', 'rounded-top', 'text-black'],
+            bodyVariant: 'warning',
+            bodyClass: ['fw-bold', 'rounded-top'],
           }),
       ...props_,
     }
diff --git a/app/src/views/app/AppInfo.vue b/app/src/views/app/AppInfo.vue
index 75dd14dc..4baac5e0 100644
--- a/app/src/views/app/AppInfo.vue
+++ b/app/src/views/app/AppInfo.vue
@@ -507,9 +507,9 @@ async function uninstall() {
 
     <BModal
       id="uninstall-modal"
+      centered
       :title="$t('confirm_uninstall', { name: id })"
-      header-bg-variant="warning"
-      header-class="text-black"
+      header-variant="warning"
       :body-class="{ 'd-none': !app.supportsPurge }"
       @ok="uninstall"
     >
diff --git a/app/src/views/domain/DomainInfo.vue b/app/src/views/domain/DomainInfo.vue
index 436fff11..f6dde308 100644
--- a/app/src/views/domain/DomainInfo.vue
+++ b/app/src/views/domain/DomainInfo.vue
@@ -223,9 +223,9 @@ async function setAsDefaultDomain() {
 
     <BModal
       id="delete-modal"
+      centered
       :title="$t('confirm_delete', { name: props.name })"
-      header-bg-variant="warning"
-      header-class="text-black"
+      header-variant="warning"
       :body-class="{ 'd-none': !isMainDynDomain }"
       @ok="deleteDomain"
     >
diff --git a/app/src/views/update/SystemUpdate.vue b/app/src/views/update/SystemUpdate.vue
index ac17bd19..7a5c48fe 100644
--- a/app/src/views/update/SystemUpdate.vue
+++ b/app/src/views/update/SystemUpdate.vue
@@ -179,15 +179,15 @@ async function performSystemUpgrade() {
     <BModal
       v-if="preUpgrade"
       id="apps-pre-upgrade"
+      centered
       :model-value="true"
       :title="$t('app.upgrade.confirm.title')"
-      header-bg-variant="warning"
-      header-class="text-black"
+      header-variant="warning"
       :ok-title="$t('system_upgrade_btn')"
       ok-variant="success"
       :cancel-title="$t('cancel')"
       @ok="performAppsUpgrade(preUpgrade.apps.map((app) => app.id))"
-      @cancel="preUpgrade = undefined"
+      @hide="preUpgrade = undefined"
     >
       <h3>
         {{ $t('app.upgrade.confirm.apps') }}
diff --git a/app/src/views/user/UserInfo.vue b/app/src/views/user/UserInfo.vue
index 1c646bb7..f40d6c3e 100644
--- a/app/src/views/user/UserInfo.vue
+++ b/app/src/views/user/UserInfo.vue
@@ -114,9 +114,9 @@ function deleteUser() {
     <BModal
       v-if="user"
       id="delete-modal"
+      centered
       :title="$t('confirm_delete', { name })"
-      header-bg-variant="warning"
-      header-class="text-black"
+      header-variant="warning"
       @ok="deleteUser"
     >
       <BFormGroup>