Make the page mobile friendly

edge-ml / frontend

MIT License

1 stars 1 forks source link

Make the page mobile friendly #124

Open tk-king opened 2 years ago

tk-king commented 2 years ago

Currently the page does not look too good on mobile devices. Therefore we need to redesign the page. Especailly the page where data can be uploaded from mobile devices

tk-king commented 2 years ago

Also tweak UI so it looks a bit nicer.

[x] Remove all the ids that are not necessary (e.g. on the labeling-page)

tk-king commented 1 year ago

Also improve the user experience

[ ] Allow enter to "click" save in modals / registration page / login
[x] Make Cancel / Save Buttons consistent across the page (Save button on the right / cancel on the left)

tk-king commented 1 year ago

[x] Card design needs to be unique across the page

Mobile recording page:

[x] Add cards with sensorName, sampleRate and components
[x] Make record button floating so its always visible

tk-king commented 1 year ago

[ ] When recording data on the mobile page, first check for sensors and then show the sensors available in the sensor-selection-table: First try to collect data with all sensors to see which work.