Width is not working as expected on notifications positioned at center

[BeroBurny]

property width provided in addNotificitaion is not working on property container properties top-center, center and bottom-center

Code used to generate notifications from screenshot

['top-left', 'top-right', 'top-center', 'center', 'bottom-left', 'bottom-right', 'bottom-center'].forEach(container => {
      store.addNotification({
        title: "Wonderful!",
        message: "teodosii@react-notifications-component",
        type: "danger",
        insert: "top",
        container: container as ReactNotificationOptions['container'],
        dismiss: {
          duration: 10900,
        },
        width: 700,
      });
    })

[itsmichaeldiego]

@teodosii I am experiencing the same issue. I did some investigation and it seems you've set a max-width: 350px in all the centered positions indeed:

.notification-container--bottom-center, .notification-container--center, .notification-container--top-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: calc(50% - 175px);
    max-width: 350px;
}

This could be fixed like so:

    left: 50%;
    transform: translate(-50%, 0);
    min-width: 350px;

[teodosii]

Fixed in 3.1.0, it was using width: 100% for centered containers instead of the supplied width.