hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
206 stars 265 forks source link

[Fix]: Fix UI for Invite Modal to Match Figma Design #1072

Open Zaraorji opened 2 months ago

Zaraorji commented 2 months ago

Description

The UI for the invite modal currently doesn’t match the Figma design. The background color, spacing, and other elements differ.

Requirements:

  1. Update the background color of the invite modal to match the Figma design.
  2. Adjust the spacing between elements in the modal according to the Figma design.
  3. Ensure all other UI elements, like fonts and button styles, match the Figma design.

Acceptance Criteria

  1. The background color of the invite modal matches the Figma design.
  2. The spacing between all elements in the modal matches the Figma design.
  3. Fonts, buttons, and other UI elements are consistent with the Figma design.

Expected Outcome:

The invite modal looks exactly like the Figma design, with correct background color, spacing, and other UI details.

Links

| FIGMA LINK

Images

image

Zaraorji commented 2 months ago

Screen Shot 2024-08-22 at 3 36 05 AM Screen Shot 2024-08-22 at 3 35 14 AM