fix(account-settings): render nested system model backdrop via base ui

This commit is contained in:
yyh
2026-03-04 19:57:53 +08:00
parent 8d257fea7c
commit 539cbcae6a
2 changed files with 18 additions and 13 deletions

View File

@ -43,20 +43,24 @@ type DialogContentProps = {
children: React.ReactNode
className?: string
overlayClassName?: string
backdropProps?: React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>
}
export function DialogContent({
children,
className,
overlayClassName,
backdropProps,
}: DialogContentProps) {
return (
<DialogPortal>
<BaseDialog.Backdrop
{...backdropProps}
className={cn(
'fixed inset-0 z-50 bg-background-overlay',
'transition-opacity duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none',
overlayClassName,
backdropProps?.className,
)}
/>
<BaseDialog.Popup

View File

@ -41,19 +41,19 @@ type SystemModelSelectorProps = {
isLoading?: boolean
}
type SystemModelLabelKey =
| 'modelProvider.systemReasoningModel.key'
| 'modelProvider.embeddingModel.key'
| 'modelProvider.rerankModel.key'
| 'modelProvider.speechToTextModel.key'
| 'modelProvider.ttsModel.key'
type SystemModelLabelKey
= | 'modelProvider.systemReasoningModel.key'
| 'modelProvider.embeddingModel.key'
| 'modelProvider.rerankModel.key'
| 'modelProvider.speechToTextModel.key'
| 'modelProvider.ttsModel.key'
type SystemModelTipKey =
| 'modelProvider.systemReasoningModel.tip'
| 'modelProvider.embeddingModel.tip'
| 'modelProvider.rerankModel.tip'
| 'modelProvider.speechToTextModel.tip'
| 'modelProvider.ttsModel.tip'
type SystemModelTipKey
= | 'modelProvider.systemReasoningModel.tip'
| 'modelProvider.embeddingModel.tip'
| 'modelProvider.rerankModel.tip'
| 'modelProvider.speechToTextModel.tip'
| 'modelProvider.ttsModel.tip'
const SystemModel: FC<SystemModelSelectorProps> = ({
textGenerationDefaultModel,
@ -176,7 +176,8 @@ const SystemModel: FC<SystemModelSelectorProps> = ({
</Button>
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent
className="z-[60] w-[480px] max-w-[480px] overflow-hidden p-0"
backdropProps={{ forceRender: true }}
className="w-[480px] max-w-[480px] overflow-hidden p-0"
>
<DialogCloseButton className="right-5 top-5" />
<div className="px-6 pb-3 pr-14 pt-6">