codeforpdx / PASS

PASS project - with HMIS module integration
MIT License
24 stars 23 forks source link

607 enhancement update the profile card #612

Closed russfraze closed 2 months ago

russfraze commented 2 months ago

This PR:

Resolves #607

Screenshots (if applicable):

Screenshot 2024-04-09 at 3 42 00 PM

Additional Context (optional):

I made the separate profile image card and input fields into one card, which is still responsive. I also adjusted the input fields and the share and add buttons to be aligned left like the UX team's design.

I could not find the exact icon used for the edit button, so I used one from the Material Icons that looks similar. If the original icon from the Figma file is desired, please link to the source.

I also made the invite link align to the right, but another option would be to align it with the left of the input fields.

Future Steps/PRs Needed to Finish This Work (optional):

This component will look more like the designs in the Figma files once issue #605 is complete. There are also additional comments in this issue around UI updates to the profile picture, which I will handle as next steps.

russfraze commented 2 months ago

With this PR, styling changes were made to the profile card to match the current UX design.