[Enhancement]: The toast notification should be positioned at the top of the page to enhance visibility.

delight-xxx commented 2 months ago

Description

Current State: Notifications appear at the bottom right of the screen, and they are very easy to miss.

Resolution: Toast notifications appear at the top of the page so that important messages and alerts are more visible and harder to miss.

Acceptance Criteria

[ ] Toast notifications are positioned at the top of the page for better visibility.
[ ] The notifications are fixed in place, remaining at the top of the page even when the user scrolls.
[ ] The positioning and styling of the toast notifications are consistent across different screen sizes and devices.
[ ] The notifications do not overlap with other UI elements and are easy to read.
[ ] The toast notifications are accessible, with appropriate ARIA attributes and visual indicators.

Expected Outcome:

Toast notifications are positioned at the top of the page, making them more visible to users and ensuring that important messages are noticed promptly.

Links

| FIGMA LINK

Images

64eyes commented 2 months ago

I'll work on this.

delight-xxx commented 2 months ago

has this been worked on? @64eyes

hngprojects / hng_boilerplate_nextjs