React 应用程序中 Mantine 的通知宽度

Question

所以，我对通知宽度有问题，尽管使用了 mantine 文档中的行，但通知的宽度始终是 100%。 应用程序.tsx：

<MantineProvider defaultColorScheme="dark">
            <Notifications containerWidth="50" />
            <BrowserRouter>
                <Routing/>
            </BrowserRouter>

通知.ts：

export const LoginFailedNotification = ()=>{
    notifications.show({
        position: 'bottom-right',
        withCloseButton: true,
        autoClose: 5000,
        title: "You've been compromised",
        message: 'Leave the building immediately',
        color: 'red',
        icon: React.createElement(IconX),
    });
}

mantine 文档：https://mantine.dev/x/notifications/?t=props

我尝试了 mantine 文档中描述的内容，我希望通知宽度为 50px

Answer 1

解决方案：

import '@mantine/notifications/styles.css';