0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-11-02 08:28:01 +09:00
yude.jp/pages/components/Navbar.js

25 lines
742 B
JavaScript
Raw Normal View History

import "tailwindcss/tailwind.css";
import Link from 'next/link';
import LangSelector from "./LangSelector"
2021-05-23 10:37:23 +09:00
import ThemeSelector from "./ThemeSelector"
const Navbar = () => {
return (
<>
2021-02-06 14:55:35 +09:00
<nav className='flex items-center flex-wrap p-3'>
<Link href='/'>
2021-02-06 14:55:35 +09:00
<a className='inline-flex items-center p-2 mr-4'>
2021-03-06 01:46:16 +09:00
<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">
2021-05-23 10:37:23 +09:00
<ThemeSelector />
<LangSelector />
</div>
</nav>
</>
);
};
export default Navbar