hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
Apache License 2.0
205 stars 264 forks source link

[Fix]: Fix Feedback UI for Successful Sent Members Invitation to Match that of the figma design. #1081

Open Zaraorji opened 3 weeks ago

Zaraorji commented 3 weeks ago

Description

The design of the feedback (toast) message that appears when an invite is sent is different from what is specified in the Figma design. This ticket is to update the design of the feedback message so it matches that of the the Figma design .

Requirements:

  1. Update the design of the feedback (toast) message to match that of the Figma design.
  2. Ensure that all elements, such as color, spacing, text size, and iconography, are consistent with the Figma design.

Acceptance Criteria

  1. The feedback message shown when an invite is sent matches the Figma design in terms of color, spacing, text size, and other visual elements.
  2. The feedback message should display correctly across different devices and screen sizes.

Expected Outcome:

The feedback message for sent invites is visually consistent with the Figma design.

Links

| FIGMA LINK

Images

image

Zaraorji commented 3 weeks ago

Screen Shot 2024-08-22 at 3 21 38 AM Screen Shot 2024-08-22 at 3 24 41 AM

Robinson-Taiwo commented 3 weeks ago

i'd like to be assgined to this ticket