wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 06:20:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Link component for navbar links

Browse Source
This commit is contained in:
원더 2021-01-10 20:15:46 +09:00
parent 4cec61bd2b
commit e1d18ab579
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/Navbar.tsx
View File

@ -8,12 +8,13 @@ const Navbar = (): JSX.Element => {
<nav className='fixed z-40 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute'> <nav className='fixed z-40 top-0 flex flex-wrap items-center justify-between px-2 py-3 w-full text-gray-100 dark:bg-discord-black bg-discord-blurple bg-transparent lg:absolute'>
<div className='container flex flex-wrap items-center justify-between mx-auto px-4'> <div className='container flex flex-wrap items-center justify-between mx-auto px-4'>
<div className='relative static block flex justify-between w-full lg:justify-start lg:w-auto'> <div className='relative static block flex justify-between w-full lg:justify-start lg:w-auto'>
<Link href='/'>
<a <a
className='logofont text-large whitespace-no-wrap inline-block mr-4 py-2 hover:text-gray-300 font-semibold leading-relaxed uppercase sm:text-2xl' className='logofont text-large whitespace-no-wrap inline-block mr-4 py-2 hover:text-gray-300 font-semibold leading-relaxed uppercase sm:text-2xl'
href='/'
> >
KOREANBOTS KOREANBOTS
</a> </a>
</Link>
<button <button
className='block px-3 py-1 dark:text-gray-200 text-xl leading-none bg-transparent border border-solid border-transparent rounded outline-none focus:outline-none cursor-pointer lg:hidden' className='block px-3 py-1 dark:text-gray-200 text-xl leading-none bg-transparent border border-solid border-transparent rounded outline-none focus:outline-none cursor-pointer lg:hidden'
type='button' type='button'
@ -25,12 +26,13 @@ const Navbar = (): JSX.Element => {
<div className='hidden flex-grow items-center bg-white lg:flex lg:bg-transparent lg:shadow-none'> <div className='hidden flex-grow items-center bg-white lg:flex lg:bg-transparent lg:shadow-none'>
<ul className='flex flex-col list-none lg:flex-row lg:ml-auto'> <ul className='flex flex-col list-none lg:flex-row lg:ml-auto'>
<li className='flex items-center'> <li className='flex items-center'>
<Link href='/discord'>
<a <a
href='/discord'
className='lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100' className='lg:hover:text-gray-300 flex items-center px-3 py-4 w-full hover:text-gray-500 text-gray-700 text-sm font-semibold sm:w-auto lg:py-2 lg:text-gray-100'
> >
디스코드 디스코드
</a> </a>
</Link>
</li> </li>
<li className='flex items-center'> <li className='flex items-center'>
<Link href='/about'> <Link href='/about'>
@ -90,7 +92,7 @@ const Navbar = (): JSX.Element => {
<span className='px-2 font-medium'>소개</span> <span className='px-2 font-medium'>소개</span>
</a> </a>
</Link> </Link>
<Link href='/about'> <Link href='/api'>
<a className='flex items-center px-8 py-2 text-gray-100 hover:text-gray-300'> <a className='flex items-center px-8 py-2 text-gray-100 hover:text-gray-300'>
<i className='fas fa-tools' /> <i className='fas fa-tools' />