We need to add responsive layouts to works well on mobile devices.

brunocroh / bolhadev.chat

A free platform for Brazilian developers to improve their English skills.

https://bolhadev.chat

183 stars 19 forks source link

We need to add responsive layouts to works well on mobile devices. #7

Closed brunocroh closed 2 months ago

renanr0cha commented 2 months ago

Hello there! There's someone actively working on this issue, or can I do it? I saw some PRs mentioning fixes, but I plan to take a more comprehensive look at the pages. Also, I plan to look at larger resolutions, like QuadHD and 4K. What do you think? I would make separate PRs for the Mobile adjusts and the Above 1080p ones.

brunocroh commented 2 months ago

Nice Renan, for now we are adding it one piece per time, one screen that will be very important to work well on mobile is Room Screen, could you work on that?

The file I talking about is one bellow https://github.com/brunocroh/bolhadev.chat/blob/9f7277a6cf380a9360e4c1163c38c96e7ad39dd0/apps/web/app/room/%5Bslug%5D/page.tsx

renanr0cha commented 2 months ago

Nice. On it

renanr0cha commented 2 months ago

I'm trying to push the changes, but I'm getting a .env error:

My .env looks like this:

NEXT_PUBLIC_SOCKET_URL=ws://localhost:4000
NEXT_SUPABASE_URL=
NEXT_SUPABASE_KEY=

brunocroh commented 2 months ago

I'm trying to push the changes, but I'm getting a .env error:

My .env looks like this:
NEXT_PUBLIC_SOCKET_URL=ws://localhost:4000
NEXT_SUPABASE_URL=
NEXT_SUPABASE_KEY=

Oh sorry, my bad for it.

NEXT_PUBLIC_SOCKET_URL=ws://localhost:4000
NEXT_SUPABASE_URL=anything
NEXT_SUPABASE_KEY=just_to_run

Just add any values for these 2 envs and it will works fine.