diff --git a/packages/neuron-ui/src/containers/Notification/Notification.module.scss b/packages/neuron-ui/src/containers/Notification/Notification.module.scss index 36cfba1bc3..170518c8b6 100644 --- a/packages/neuron-ui/src/containers/Notification/Notification.module.scss +++ b/packages/neuron-ui/src/containers/Notification/Notification.module.scss @@ -8,7 +8,7 @@ &>div { max-width: auto; margin: 3px; - animation: autoDismiss 2.5s ease-out forwards; + animation: autoDismiss 6.8s ease-out forwards; transform-origin: center top; box-sizing: border-box; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); @@ -20,8 +20,8 @@ transform: translateX(110%) } - 15%, - 85% { + 5%, + 90% { transform: translateX(0) } diff --git a/packages/neuron-ui/src/states/stateProvider/actionCreators/app.ts b/packages/neuron-ui/src/states/stateProvider/actionCreators/app.ts index ad6d14afd3..45eba47efb 100644 --- a/packages/neuron-ui/src/states/stateProvider/actionCreators/app.ts +++ b/packages/neuron-ui/src/states/stateProvider/actionCreators/app.ts @@ -95,7 +95,7 @@ export const addPopup = (text: string) => (dispatch: StateDispatch) => { type: AppActions.PopOut, payload: null, }) - }, 3000) + }, 8000) } export default {