1
0
Fork 0

chore(fs.dev): Work on prebuild for mdx content

This commit is contained in:
Joost De Cock 2021-12-11 18:19:20 +01:00
parent 39e4119270
commit d8fb6868f1
11 changed files with 279 additions and 40 deletions

View file

@ -1,30 +1,34 @@
import Icon from 'shared/components/icon/index.js'
const TopLevel = ({ icon, title }) => (
<details className='p-3'>
<summary className='flex flex-row uppercase font-bold text-lg gap-6'>
{icon}
{title}
</summary>
<div className='pl-4'>
<ul>
<li>Getting started on Linux</li>
<li>Getting started on Mac</li>
<li>Getting started on Windows</li>
<li>Pattern design tutorial</li>
</ul>
</div>
</details>
)
const PrimaryMenu = props => {
return (
<nav className={`
sm:max-w-sm
md:max-w-md
lg:max-w-lg
xl:max-w-xl
bg-base-200
grow
`}>
<details>
<summary className='flex row uppercase font-bold text-lg gap-4'>
<Icon />
Tutorials
</summary>
<div className='pl-4'>
More stuff here
</div>
</details>
<ul>
<li>Tutorials</li>
<li>Guides</li>
<li>Howtos</li>
<li>Reference</li>
</ul>
<TopLevel icon={<Icon icon='tutorial' size={28}/>} title='tutorials' />
<TopLevel icon={<Icon icon='guide' size={28}/>} title='guides' />
<TopLevel icon={<Icon icon='help' size={28}/>} title='howtos' />
<TopLevel icon={<Icon icon='docs' size={28}/>} title='reference' />
</nav>
)
}