histoire-dev / histoire

⚡ Fast and beautiful interactive component playgrounds, powered by Vite
https://histoire.dev
MIT License
3.21k stars 192 forks source link

Responsive design #33

Closed Akryum closed 2 years ago

Akryum commented 2 years ago

Make sure the generated app is responsive and is great on mobile devices.

hugoattal commented 2 years ago

Just a few idea before diving into it:

Make the side panel retractable into a kebab menu image

Make the control panel a retractable fixed one at the bottom of the screen image

Hiding the code panel (since I don't think it's of much use on a smartphone... what do you think?) image

@Akryum Is this ok with you?

Akryum commented 2 years ago

Yes, looks good.

Make the control panel a retractable fixed one at the bottom of the screen

A swipable bottom pane could be cool :D But can do a simpler first version