mirror of
https://github.com/yude-jp/yude.jp
synced 2024-11-02 08:28:01 +09:00
25 lines
742 B
JavaScript
25 lines
742 B
JavaScript
import "tailwindcss/tailwind.css";
|
|
import Link from 'next/link';
|
|
import LangSelector from "./LangSelector"
|
|
import ThemeSelector from "./ThemeSelector"
|
|
|
|
const Navbar = () => {
|
|
return (
|
|
<>
|
|
<nav className='flex items-center flex-wrap p-3'>
|
|
<Link href='/'>
|
|
<a className='inline-flex items-center p-2 mr-4'>
|
|
<span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
|
|
yude.jp
|
|
</span>
|
|
</a>
|
|
</Link>
|
|
<div className="origin-top-right absolute right-0">
|
|
<ThemeSelector />
|
|
<LangSelector />
|
|
</div>
|
|
</nav>
|
|
</>
|
|
);
|
|
};
|
|
export default Navbar |