devgpt icon indicating copy to clipboard operation
devgpt copied to clipboard

[UI Bug] Improper layout for mobile view on Sign In Page

Open nishaaannnt opened this issue 2 years ago • 3 comments

On Inspecting the Sign in Page in mobile view the layout seems to be incorrect.

Steps to Reproduce the issue - Inspect the Sign in page in mobile view

Reason - The default width is kept at 30% which causes the isssue

Screenshots - Actual Result - Screenshot 2023-11-09 004258

Expected Result - Screenshot 2023-11-09 004346

Was not sure if this issue needs to be raised here as no website (frontend) related code was present in this repository, but no other repository seemed to match for this issue. Also kindly let me know if website code is publicly available. Thank you

nishaaannnt avatar Nov 08 '23 19:11 nishaaannnt

Please assign this issue to me . I am eager to work on this and I can fix the layout.

reallywasi avatar Nov 12 '23 08:11 reallywasi

hey @nishaaannnt, thank you for reporting this! This wasn't something I was aware of, mainly because we hadn't anticipated people wanting to use this on mobile devices all that often?

I've added a warning message to mobile to say that it's not intended to be used on mobile. But if you want to try this out and show what your implementation would be @reallywasi I'd be super happy to take a look! :)

Thanks both!

tom-lewis-code avatar Nov 14 '23 22:11 tom-lewis-code

hey @tom-lewis-code , i am unsure of where the code for the website is available (or maybe am missing something from my side). So if you can help me out with that i can resolve the issue as I have already shown in the above screenshots.

To resolve -

  1. Change the constraint of width-30% for mobile view

Screenshot 2023-11-15 231143

I would love to do any other changes to match the UI with current website (which i think is different from the overall signin page) Let me know if I can be of any help Thank you !

nishaaannnt avatar Nov 15 '23 17:11 nishaaannnt