fix: documentation sidebar on mobile

This commit is contained in:
Valerio Ageno
2024-08-14 21:28:23 +02:00
parent 03dead1083
commit ad3e19e965
3 changed files with 16 additions and 12 deletions
@@ -1,7 +1,7 @@
import { AppShell, NavLink } from '@mantine/core'
import { Link } from 'tuono'
export default function Sidebar(): JSX.Element {
export default function Sidebar({ close }: { close: () => void }): JSX.Element {
return (
<AppShell.Navbar p="md">
<h3>Tutorial</h3>
@@ -9,24 +9,28 @@ export default function Sidebar(): JSX.Element {
href="/documentation/tutorial/intro"
component={Link}
label="Intro"
onClick={close}
/>
<h3>Documentation</h3>
<NavLink
href="/documentation/installation"
component={Link}
label="Installation"
onClick={close}
/>
<NavLink label="Routing" href="#required-for-focus" defaultOpened>
<NavLink
href="/documentation/routing/intro"
component={Link}
label="FS routing"
onClick={close}
/>
</NavLink>
<NavLink
label="Contributing"
component={Link}
href="/documentation/contributing"
onClick={close}
/>
</AppShell.Navbar>
)