feat: responsive layout

[alysonmota]

add responsive layout for mobile

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
fala-dev	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 28, 2023 at 1:27AM (UTC)

[diego3g]

That's great! I'll leave my comments until the next couple of days.

[diego3g]

Great job!

1. The copy to clipboard button could be hidden on mobile I think or positioned on the bottom side of the editor because today it's above the code.

2. The code is overriding the footer:

3. The social button menu is not working properly (it's somehow under the sidebar I think). Also, if you click twice on this menu it looks like it's not closing, at least here, it opens but I can't close it anymore.

[vercel]

@alysonmota is attempting to deploy a commit to the Rocketseat Team on Vercel.

A member of the Team first needs to authorize it.

[diego3g]

We are getting near to a perfect implementation!

Some other points:

• Can the file explorer be open as default on larger screens?
• If I click very close to the menu here, on the very right, it does not close the menu, it links to one of the social links.

[alysonmota]

Can the file explorer be open as default on larger screens?

Yes, I also think it doesn't make sense for the explorer to start closed on larger screens

If I click very close to the menu here, on the very right, it does not close the menu, it links to one of the social links.

I also noticed this issue, but only in DevTools. On my device, it appeared normally. I'll take a look into this.

[vercel]

Deployment failed with the following error:

Tried to attach Edge Config ecfg_57gaz0taa0s18m6fvjeosvmfswfa, but it does not exist. Remove or update the EDGE_CONFIG environment variable and try again.

Learn More: https://vercel.com/docs/errors#error-list/invalid-edge-config-connection-string

[diego3g]

Great job! Just some points:

1. The "Copy to clipboard" button is misplaced on large viewport:

2. We should not have cursor-pointer on all menu items, only the clickable ones. As we are using slot, we could add the cursor-pointer only on buttons;