This PR accomplished various styling goals to get closer to our Figma design for our Calendar component. Tasks completed are:
fitting calendar within page (not at edges of page)
changing fonts of all text
changing event color, information displayed, shape
changing month information displayed
changing color and location of target arrows
changing days of the week title row information displayed and color; tried to make rounded bubbles, but unable to figure out how to modify the curvature of the component itself
Modifications
Created file: src\app\styles\calendar.module.css
Edited file: src\app\components\Calendar.tsx
Testing Considerations
I tested mostly by confirming what is on screen visually to the Figma design photos. I also used Right Click->Inspect for debugging purposes.
Developer: Xavier Garcia
Closes #26
Pull Request Summary
This PR accomplished various styling goals to get closer to our Figma design for our Calendar component. Tasks completed are:
Modifications
Created file: src\app\styles\calendar.module.css Edited file: src\app\components\Calendar.tsx
Testing Considerations
I tested mostly by confirming what is on screen visually to the Figma design photos. I also used Right Click->Inspect for debugging purposes.
Pull Request Checklist
Screenshots/Screencast