camicroscope / caMicroscope

Digital pathology image viewer with support for human/machine generated annotations and markups.
BSD 3-Clause "New" or "Revised" License
250 stars 288 forks source link

Upload model form on view page needs adjustment on mobile view #741

Open gbengaoluwadahunsi opened 6 months ago

gbengaoluwadahunsi commented 6 months ago

Describe the bug The upload model form UI on the image viewer page appears when viewed on mobile devices.

To Reproduce

Access the image viewer page on a mobile device. Attempt to open the upload model form. Notice that the form elements are misaligned, overlapping, or difficult to interact with. Expected behavior The upload model form should display correctly and be fully functional on mobile devices, allowing users to easily upload images without any usability issues.

Screenshots Attached

Desktop (please complete the following information):

OS: Windows 10 Browser: Google Chrome Version: 98.0.4758.102 Smartphone (please complete the following information): Infinix model-viewer mobile-viewer2png

Additional context The distorted UI of the upload model form on mobile devices hinders the user experience and may discourage users from uploading images using their smartphones or tablets. This issue needs to be addressed to ensure that the image viewer page is accessible and usable across all devices.

HRIDYANSHU054 commented 6 months ago

Hi @gbengaoluwadahunsi I have solved this issue, can you review my PR

gbengaoluwadahunsi commented 6 months ago

Unfortunately, I can't as I am Outreachy contributor and not a mentor.