My settings page mobile refactor

covidwatchorg / portal

Covid Watch Portal web app for diagnosis verification

Apache License 2.0

8 stars 3 forks source link

My settings page mobile refactor #471

Closed leon-i closed 4 years ago

leon-i commented 4 years ago

Refactored the my settings page to be mobile friendly using the include media library. Desktop site looks the same, mobile view shown below:

To-do:

Profile picture mobile modal fix
Change password mobile modal fix

leon-i commented 4 years ago

Stacked the inputs in one row instead of 2:

mobile2

Also changed breakpoints for the grid to line up with the includemedia ones. For a larger overhaul, might need to do a separate issue/PR and convert stuff over. Do you want to move away from the material-ui grid system?

ibeckermayer commented 4 years ago

Also please add issues for:

Profile picture mobile modal fix
Change password mobile modal fix

if they still need fixing (Change password looks ok to me)

leon-i commented 4 years ago

They both look kinda ok to me locally - do we want to just fix up the X button overlap for the pfp upload one?