Mobile Support

[ShaanCoding]

Feature Details

Mobile support isn't 100% here yet, with the navbar being fully hidden on this view, we need to uplift this. But as this app is mainly targeted towards desktop users for now as only around 12% of users use it on a mobile device.

[MathPow]

Wow it is a cool tool. Where did you found those stats?

[MathPow]

For the person that will pick this up, there is more information in the issue: #68

[ShaanCoding]

Copying over from Add Mobile Navbar and Smaller Screen Support #68 as it was a duplicate

Summary

To fill out but make the Navbar on mobile show up as an hamburger and the overlay show above the current shown items as a modal taking up the whole screen. Similar to how https://ui.shadcn.com/ does it on mobile.

Code available here: https://github.com/shadcn-ui/ui/blob/main/apps/www/components/mobile-nav.tsx

On smaller resolutions instead of having the 'editor' and 'markdown' previewer in a stacked mode where you have to scroll down and up. Partly covered in #85 we should have it render as one panel with you able to jump between the two

Preview

[ShaanCoding]

The navbar is done, but all other menus / pages need to be modified to be mobile friendly, I'm deferring this as only 5% of our app users use it on mobile, but if anyone has the time or wants to improve this, please do!