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"
},
"dependencies": {
"@fluentui/react-components": "^9.20.0",
"@fluentui/react-components": "^9.47.2",
"@fluentui/react-icons": "^2.0.201",
"@magenta/music": "^1.23.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>
}
</DialogTrigger>
<DialogSurface>
<DialogSurface style={{ transform: 'unset' }}>
<DialogBody>
<DialogTitle>{title}</DialogTitle>
<DialogContent>

View File

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

View File

@ -196,7 +196,8 @@ const ChatPresetEditor: FC<{
maxWidth: '80vw',
maxHeight: '80vh',
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' }}>
<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}
icon={<Accessibility28Regular />} />
</DialogTrigger>
<DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content' }}>
<DialogSurface style={{ paddingTop: 0, maxWidth: '90vw', width: 'fit-content', transform: 'unset' }}>
<DialogBody>
<DialogContent>
<CustomToastContainer />