herocast icon indicating copy to clipboard operation
herocast copied to clipboard

Responsiveness and usability on small screen decives

Open AjayiMike opened this issue 6 months ago • 1 comments

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

AjayiMike avatar Aug 24 '24 23:08 AjayiMike