fix

src/components/OfficePage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NAlert, NButton, NInput, NModal, useMessage } from 'naive-ui'
+import { NAlert, NButton, NCard, NInput, NModal, useMessage } from 'naive-ui'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -260,32 +260,39 @@ async function confirmDeleteAccount() {
 
   <n-modal
     v-model:show="showDeleteDialog"
-    preset="card"
-    title="Удаление аккаунта"
     class="delete-modal"
   >
-    <p class="delete-modal-text">
-      Это действие необратимо. Для подтверждения удаления введите пароль от учётной записи — он
-      понадобится, чтобы убедиться, что аккаунт удаляет его владелец.
-    </p>
-    <n-input
-      v-model:value="deletePassword"
-      type="password"
-      placeholder="Пароль для подтверждения"
-      @keyup.enter="confirmDeleteAccount"
-    />
-    <p v-if="deleteError" class="delete-modal-error">{{ deleteError }}</p>
-    <div class="delete-modal-buttons">
-      <n-button @click="showDeleteDialog = false">Отмена</n-button>
-      <n-button
-        type="error"
-        :disabled="deletePassword.length == 0"
-        :loading="authStore.isLoading"
-        @click="confirmDeleteAccount"
-      >
-        Удалить навсегда
-      </n-button>
-    </div>
+    <n-card
+      title="Удаление аккаунта"
+      :bordered="false"
+      role="dialog"
+      aria-modal="true"
+      closable
+      @close="showDeleteDialog = false"
+    >
+      <p class="delete-modal-text">
+        Это действие необратимо. Для подтверждения удаления введите пароль от учётной записи — он
+        понадобится, чтобы убедиться, что аккаунт удаляет его владелец.
+      </p>
+      <n-input
+        v-model:value="deletePassword"
+        type="password"
+        placeholder="Пароль для подтверждения"
+        @keyup.enter="confirmDeleteAccount"
+      />
+      <p v-if="deleteError" class="delete-modal-error">{{ deleteError }}</p>
+      <div class="delete-modal-buttons">
+        <n-button @click="showDeleteDialog = false">Отмена</n-button>
+        <n-button
+          type="error"
+          :disabled="deletePassword.length == 0"
+          :loading="authStore.isLoading"
+          @click="confirmDeleteAccount"
+        >
+          Удалить навсегда
+        </n-button>
+      </div>
+    </n-card>
   </n-modal>
 
   <HeaderMenu active="office" />