Responsiveness and usability on small screen decives - Githubissues

hero-org / herocast

herocast is Farcaster’s leading open-source client. Our goal is to decentralize power on the internet, faster.

https://app.herocast.xyz

GNU Affero General Public License v3.0

65 stars 32 forks source link

Responsiveness and usability on small screen decives #497

Closed AjayiMike closed 3 weeks ago

AjayiMike commented 2 months ago

Summary

This pull request (PR) focuses on improving the responsiveness and usability of the app on small screens. The main changes include:

Turning the draft component into a modal on screens below 1280px.
Adding a trigger button at the top of the post editor component to access the drafts component in a modal.
Ensuring that the Post editor component is wide enough regardless of the user's screen size.
make analytics page tab content full width
Rendered the cast reaction component differently on small screen
adjust top followers component colun according to screen width

The post page

Before the changes: https://www.loom.com/share/e3dd4b3120444f2c9f597360acbf4886?sid=be9667e8-2fb6-45a9-93a1-c422f746e689

After the changes: https://www.loom.com/share/5eeb0cbb74a14c9280f1d8056b068ee5?sid=c103b153-7031-4fab-b54d-3a19818fa9c7

The Analytics page

Before the changes: https://www.loom.com/share/6413fcfa16d04c4e83fa23a3565629eb?sid=bfcb3f85-b7ab-40ff-ae1b-e57c280ce752

After the changes: https://www.loom.com/share/be2b611b4cae4232b419f0c6c63f7d93?sid=c5d12bfc-5d5d-44b0-995b-52e7bf10571a

vercel[bot] commented 2 months ago

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

Name	Status	Preview	Updated (UTC)
herocast	✅ Ready (Inspect)	Visit Preview	Aug 28, 2024 11:10pm