chore: changed category list style

This commit is contained in:
wonderlandpark 2021-03-07 22:45:55 +09:00
parent 066b7a87a6
commit ee12da4e5d

View File

@ -45,8 +45,9 @@ const DeveloperLayout = ({ children, enabled, docs, currentDoc }:DeveloperLayout
<ul className='text-sm text-gray-600 dark:text-gray-300 px-0.5 mt-6'> <ul className='text-sm text-gray-600 dark:text-gray-300 px-0.5 mt-6'>
{ {
docs?.map(el => { docs?.map(el => {
if(el.list) return <ul key={el.name} className='text-sm py-3'> if(el.list) return <div key={el.name} className='mt-2'>
<span className='text-gray-600 dark:text-gray-100 font-bold my-1'>{el.name}</span> <span className='text-gray-600 dark:text-gray-100 font-bold mb-1'>{el.name}</span>
<ul className='text-sm py-3'>
{ {
el.list.map(e => el.list.map(e =>
<Link key={e.name} href={`/developers/docs/${el.name}/${e.name}`}> <Link key={e.name} href={`/developers/docs/${el.name}/${e.name}`}>
@ -57,6 +58,7 @@ const DeveloperLayout = ({ children, enabled, docs, currentDoc }:DeveloperLayout
) )
} }
</ul> </ul>
</div>
return <Link key={el.name} href={`/developers/docs/${el.name}`}> return <Link key={el.name} href={`/developers/docs/${el.name}`}>
<li className={`cursor-pointer py-2 px-4 rounded-md ${currentDoc === el.name ? 'bg-discord-blurple text-white' : 'hover:text-gray-500 dark:hover:text-white'}`}> <li className={`cursor-pointer py-2 px-4 rounded-md ${currentDoc === el.name ? 'bg-discord-blurple text-white' : 'hover:text-gray-500 dark:hover:text-white'}`}>