From fc4c03640d5ca4b1e2682b9e66e1870ef8e91b10 Mon Sep 17 00:00:00 2001
From: zxhlyh <jasonapring2015@outlook.com>
Date: Thu, 26 Oct 2023 10:35:03 +0800
Subject: [PATCH] fix: provider delete api key modal z-index (#1416)

---
 web/app/components/base/confirm/common.tsx                    | 4 +++-
 .../components/header/account-setting/model-page/index.tsx    | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/confirm/common.tsx b/web/app/components/base/confirm/common.tsx
index 19ad053407..c2b45e30a9 100644
--- a/web/app/components/base/confirm/common.tsx
+++ b/web/app/components/base/confirm/common.tsx
@@ -19,6 +19,7 @@ export type ConfirmCommonProps = {
   showOperateCancel?: boolean
   confirmBtnClassName?: string
   confirmText?: string
+  confirmWrapperClassName?: string
 }
 
 const ConfirmCommon: FC<ConfirmCommonProps> = ({
@@ -32,6 +33,7 @@ const ConfirmCommon: FC<ConfirmCommonProps> = ({
   showOperateCancel = true,
   confirmBtnClassName,
   confirmText,
+  confirmWrapperClassName,
 }) => {
   const { t } = useTranslation()
 
@@ -47,7 +49,7 @@ const ConfirmCommon: FC<ConfirmCommonProps> = ({
   }
 
   return (
-    <Modal isShow={isShow} onClose={() => {}} className='!w-[480px] !max-w-[480px] !p-0 !rounded-2xl'>
+    <Modal isShow={isShow} onClose={() => {}} className='!w-[480px] !max-w-[480px] !p-0 !rounded-2xl' wrapperClassName={confirmWrapperClassName}>
       <div className={cn(s[`wrapper-${type}`], 'relative p-8')}>
         <div className='flex items-center justify-center absolute top-4 right-4 w-8 h-8 cursor-pointer' onClick={onCancel}>
           <XClose className='w-4 h-4 text-gray-500' />
diff --git a/web/app/components/header/account-setting/model-page/index.tsx b/web/app/components/header/account-setting/model-page/index.tsx
index 0b3666dc2d..033ba96429 100644
--- a/web/app/components/header/account-setting/model-page/index.tsx
+++ b/web/app/components/header/account-setting/model-page/index.tsx
@@ -347,6 +347,7 @@ const ModelPage = () => {
         title={deleteModel?.model_name || ''}
         desc={t('common.modelProvider.item.deleteDesc', { modelName: deleteModel?.model_name }) || ''}
         onConfirm={handleDeleteModel}
+        confirmWrapperClassName='!z-30'
       />
     </div>
   )