hngprojects / hng_boilerplate_nextjs

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

[Fix]:Adjust the Profile General Settings Page UI to match the Figma Design #1097

Open Zaraorji opened 3 weeks ago

Zaraorji commented 3 weeks ago

Description

Update the Profile General Settings page to match the Figma design , ensure that the white background extends to cover the full screen, excluding only the side navigation area. The current implementation does not align with this design requirement.

Requirements:

  1. Ensure the white background on the Profile General Settings page extends across the entire screen except for the side navigation area.
  2. Review and implement any additional design elements from the Figma design to ensure full alignment.
  3. Verify that the page layout, spacing, and overall design adhere to the Figma specification

Acceptance Criteria

  1. The Profile General Settings page background extends to cover the full screen, except the side navigation area, as per the Figma design.
  2. All design elements, including colors, spacing, and layout, match the Figma design.
  3. The page maintains consistent visual and functional integrity with the Figma design.

Expected Outcome:

  1. The Profile General Settings page visually matches the Figma design, with the white background covering the full screen as specified.
  2. Users experience a consistent and interface that aligns with the design specification

Links

| FIGMA LINK

Images

image

Zaraorji commented 3 weeks ago

Screen Shot 2024-08-22 at 3 00 18 AM Screen Shot 2024-08-22 at 2 59 03 AM