Application layout
Move <Footer />
into renderRoutes
as the last element and remove it from <App
.
Implement a new app layout:
Header sticky just like this gitlab page |
renderRoute(...) that includes the footer
|
Implement a new layout <SidebarLayout
that can be used by pages:
<SidebarLayout sidebar={ <MenuComponent /> }>
...
</SidebarLayout>
Sidebar collapsible and limited to window height just like this gitlab page << Collapse |
{ children }
This is where all the contents of the page will go and it's going to be as wide as possible. |