Commit Graph

3 Commits

Author SHA1 Message Date
Shahan Nedadahandeh d39a1f8274 Add media query to section header and update sample page (#85)
continuous-integration/drone/push Build is passing Details
https://update-smpl-page-csc-class-profile-staging-snedadah.k8s.csclub.cloud/demographics/
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Reviewed-on: #85
Reviewed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
2022-11-13 23:11:29 -05:00
Mark Chiu fb9c5243ab Add Demographics page (Closes #53) (#73)
continuous-integration/drone/push Build is passing Details
Changes: (outside of Demographics page)
* colour of the text (might be changed later on) because pure white strains the eye (contrast is too high).
* font size + line height
* SectionHeader word break fix of the title
* `isMobile` breakpoint is changed to 900

https://demographics-page-csc-class-profile-staging-snedadah.k8s.csclub.cloud/demographics/
Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #73
Reviewed-by: Shahan Nedadahandeh <snedadah@csclub.uwaterloo.ca>
2022-11-12 11:37:15 -05:00
Mark Chiu 7404c60d8f Add SectionHeader component (Closes #74) (#75)
continuous-integration/drone/push Build is passing Details
This PR adds the SectionHeader component as described in the issue. The text is centered, so it's adapted for mobile. Possible improvements (or nitpicks) would be to add spacing around the text in mobile version (left and right margin/padding) or maybe make the title or subtitle smaller? I think it looks fine otherwise.

![image](/attachments/9666a512-dd29-471a-943e-d91db7836bd9)

https://sectionheader-component-csc-class-profile-st-snedadah.k8s.csclub.cloud/
Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #75
Reviewed-by: Shahan Nedadahandeh <snedadah@csclub.uwaterloo.ca>
2022-11-05 09:01:46 -04:00