Make Documentation Website Responsive

[codediodeio]

Currently, the documentation's side navbar does not collapse on small screens.

Let's add a hamburger icon and make it collapse on small screens.

Relevant files:

• docs/src/layouts/MainLayout.astro
• docs/src/components/SideNav.astro

[rielAsh24]

Hey @codediodeio, I'd be glad to look into this!

[anishshobithps]

Heya @codediodeio, you might wanna also look into https://starlight.astro.build/

[rielAsh24]

@codediodeio Was working on this and I have added the hamburger icon for the side bar:

SideBar_Functioning.mov

The animations are something I'm trying to get right along with the padding for the text, but I'd be glad to know your opinion!

[rielAsh24]

@codediodeio Was working on this and I have added the hamburger icon for the side bar:

SideBar_Functioning.mov

The animations are something I'm trying to get right along with the padding for the text, but I'd be glad to know your opinion!

Update: Here's the final SideBar

SideBar_Implemented.mov

Do confirm if this works. Would open a PR accordingly!