search

masslight / ottehr

Modular, Production-Ready, Open-Source EHR
https://ottehr.com
Other
122 stars 139 forks source link

Update mobile responsiveness #104

Closed OmarZubaidi closed 8 months ago

OmarZubaidi commented 9 months ago

STR

Set screen resolution to 320x900 (then also check when the width is set to every breakpoint in the theme provider)

ER

https://www.figma.com/file/E2CNqjutGh7di0nBEZKJ0B/ZapEHR-%26-OttEHR---app-design?node-id=13243%3A7705&mode=dev https://www.figma.com/file/E2CNqjutGh7di0nBEZKJ0B/ZapEHR-%26-OttEHR---app-design?node-id=13246%3A20699&mode=dev

AR

Provider

Dashboard:

Screenshot 2023-12-04 at 10 58 53 Screenshot 2023-12-04 at 10 59 01

Then I have to scroll right to find the burger menu

Screenshot 2023-12-04 at 10 59 16 Screenshot 2023-12-04 at 10 59 22
Patient

Check-In

![Uploading Screenshot 2023-12-04 at 11.02.57.png…]()

Video Settings

Screenshot 2023-12-04 at 11 03 53

Waiting Room

Screenshot 2023-12-04 at 11 04 27

Note: I couldn't check the rest of the screens since the provider's join call button doesn't work

Advice from @DariaMyro on how to design these pages for now:

anything that is a form will follow this example in terms of paddings, all fields should be in one column and buttons take full width. Patient pages will have to be designed, but if design is a blocker you can try to look into MUI guide suggestions.

ncgreene commented 9 months ago

We should try to wrap up mobile responsiveness work. Overall it's not entirely essential and we can ship the MVP in the current state.