brunocroh / bolhadev.chat

A free platform for Brazilian developers to improve their English skills.
https://bolhadev.chat
180 stars 18 forks source link

Chat room layout bug in 4k and lower resolutions (Desktop) #41

Open renanr0cha opened 1 month ago

renanr0cha commented 1 month ago

When one of the users is using a camera with a horizontal orientation and another has a vertical orientation (common in smartphones, so most mobile users), a bug appears in the Desktop layout:

image

When in 4K (like in the screenshot above), rotating the smartphone solves the problem. However, for resolutions like 1440 or 1080p, the default also has problems. As you can see below:

image

I think we're using pixels for some resolutions; maybe changing to responsive units like rem or percentage can fix this. And for portrait-oriented cameras, putting it side to side does the trick.

brunocroh commented 1 month ago

Yes, I see it as well.

I do not have time to look it at this moment, because I'm implementing auth to app.

So if you, or someone else, has an interesting to get this one, I will really appreciate it.

renanr0cha commented 1 month ago

I will