bump @fluentui/react-components to fix a dialog bug

This commit is contained in:
josc146 2024-03-26 11:16:37 +08:00
parent d0ab9c7ec4
commit edf55843e4
5 changed files with 1031 additions and 806 deletions

File diff suppressed because it is too large Load Diff

View File

@ -9,7 +9,7 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@fluentui/react-components": "^9.20.0", "@fluentui/react-components": "^9.47.2",
"@fluentui/react-icons": "^2.0.201", "@fluentui/react-icons": "^2.0.201",
"@magenta/music": "^1.23.1", "@magenta/music": "^1.23.1",
"@microsoft/fetch-event-source": "^2.0.1", "@microsoft/fetch-event-source": "^2.0.1",

View File

@ -41,7 +41,7 @@ export const DialogButton: FC<{
<Button className={className} icon={icon} size={size} shape={shape} appearance={appearance}>{text}</Button> <Button className={className} icon={icon} size={size} shape={shape} appearance={appearance}>{text}</Button>
} }
</DialogTrigger> </DialogTrigger>
<DialogSurface> <DialogSurface style={{ transform: 'unset' }}>
<DialogBody> <DialogBody>
<DialogTitle>{title}</DialogTitle> <DialogTitle>{title}</DialogTitle>
<DialogContent> <DialogContent>

View File

@ -28,7 +28,7 @@ export const AudiotrackButton: FC<{
{t('Open MIDI Input Audio Tracks')} {t('Open MIDI Input Audio Tracks')}
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content' }}> <DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content', transform: 'unset' }}>
<DialogBody> <DialogBody>
<DialogContent className="overflow-hidden"> <DialogContent className="overflow-hidden">
<CustomToastContainer /> <CustomToastContainer />

View File

@ -196,7 +196,8 @@ const ChatPresetEditor: FC<{
maxWidth: '80vw', maxWidth: '80vw',
maxHeight: '80vh', maxHeight: '80vh',
width: '500px', width: '500px',
height: '100%' height: '100%',
transform: 'unset' // override the style for the new version of @fluentui/react-components to avoid conflicts with react-beautiful-dnd
}}> }}>
<DialogBody style={{ height: '100%', overflow: 'hidden' }}> <DialogBody style={{ height: '100%', overflow: 'hidden' }}>
<DialogContent className="flex flex-col gap-1 overflow-hidden"> <DialogContent className="flex flex-col gap-1 overflow-hidden">
@ -421,7 +422,7 @@ export const PresetsButton: FC<{
<ToolTipButton desc={t('Presets')} size={size} shape={shape} appearance={appearance} <ToolTipButton desc={t('Presets')} size={size} shape={shape} appearance={appearance}
icon={<Accessibility28Regular />} /> icon={<Accessibility28Regular />} />
</DialogTrigger> </DialogTrigger>
<DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content' }}> <DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content', transform: 'unset' }}>
<DialogBody> <DialogBody>
<DialogContent> <DialogContent>
<CustomToastContainer /> <CustomToastContainer />