Changeset View
Changeset View
Standalone View
Standalone View
docs/next/components/Sidebar.tsx
Show First 20 Lines • Show All 384 Lines • ▼ Show 20 Lines | <> | ||||
<div className="flex-shrink-0 w-14" aria-hidden="true"> | <div className="flex-shrink-0 w-14" aria-hidden="true"> | ||||
{/* Dummy element to force sidebar to shrink to fit close icon */} | {/* Dummy element to force sidebar to shrink to fit close icon */} | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</Transition> | </Transition> | ||||
{/* Static sidebar for desktop */} | {/* Static sidebar for desktop */} | ||||
<div className="relative hidden lg:flex lg:flex-shrink-0"> | <div className="hidden z-50 lg:block fixed top-0 bottom-0 lg:flex-shrink-0"> | ||||
<div className="flex flex-col w-80 border-r border-gray-200 dark:border-gray-700 pt-4 pb-4 bg-gray-100 dark:bg-gray-900"> | <div className="h-full flex flex-col w-80 border-r border-gray-200 dark:border-gray-700 pt-4 pb-4 bg-gray-100 dark:bg-gray-900"> | ||||
<SidebarContents /> | <SidebarContents /> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</> | </> | ||||
); | ); | ||||
}; | }; | ||||
export default Sidebar; | export default Sidebar; |