herocast
herocast copied to clipboard
Responsiveness and usability on small screen decives
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