search

ShaanCoding / makeread.me

An Awesome ReadME Generator To Jumpstart Your Projects!
https://makeread.me
Mozilla Public License 2.0
204 stars 66 forks source link

Mobile Support #80

Open ShaanCoding opened 3 weeks ago

ShaanCoding commented 3 weeks ago

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.

image

MathPow commented 2 weeks ago

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

MathPow commented 2 weeks ago

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

ShaanCoding commented 1 week ago

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

image image