fix: provider delete api key modal z-index (#1416)

langgenius · Oct 26, 2023 · fc4c036 · fc4c036
1 parent 9852531
commit fc4c036
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -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>
   )