17 lines
924 B
TypeScript
17 lines
924 B
TypeScript
import { Link } from "react-router";
|
|
|
|
export default function Navbar() {
|
|
return (
|
|
<div className="flex w-full justify-between">
|
|
<div className="flex-col w-fit ml-6 mb-8">
|
|
<div className="flex items-baseline py-2 pb-0 mb-1 px-5 my-1 mx-3 pl-0 ml-1 transition delay-150 duration-200">
|
|
<h1 className="text-3xl pr-5">anum</h1>
|
|
<a className="pr-2 text-[#74c7ec] hover:text-[#89dceb] hover:text-shadow-lg/10 hover:text-shadow-[#89dceb] transition duration-100" href="/">feed</a>
|
|
<a className="pr-2 text-[#74c7ec] hover:text-[#89dceb] hover:text-shadow-lg/10 hover:text-shadow-[#89dceb] transition duration-100" href="/create">create</a>
|
|
</div>
|
|
<hr />
|
|
</div>
|
|
<Link to="/login" className="h-fit px-4 py-2 m-4 bg-[#eeeeee] text-black font-black rounded-2xl hover:scale-125 transition-all duration-400 ease-in-out shadow-2xl">Login</Link>
|
|
</div>
|
|
)
|
|
}
|