export function Page()

in beta/src/components/Layout/Page.tsx [17:42]


export function Page({routeTree, children}: PageProps) {
  return (
    <>
      <SocialBanner />
      <MenuProvider>
        <SidebarContext.Provider value={routeTree}>
          <div className="h-auto lg:h-screen flex flex-row">
            <div className="no-bg-scrollbar h-auto lg:h-[calc(100%-40px)] lg:overflow-y-scroll fixed flex flex-row lg:flex-col py-0 top-16 sm:top-10 left-0 right-0 lg:max-w-xs w-full shadow lg:shadow-none z-50">
              <Nav />
              <Sidebar />
            </div>

            <div className="flex flex-1 w-full h-full self-stretch">
              <div className="w-full min-w-0">
                <main className="flex flex-1 self-stretch mt-16 sm:mt-10 flex-col items-end justify-around">
                  {children}
                  <Footer />
                </main>
              </div>
            </div>
          </div>
        </SidebarContext.Provider>
      </MenuProvider>
    </>
  );
}