init: add code
This commit is contained in:
parent
475596444a
commit
1e09c02cb9
20 changed files with 2432 additions and 147 deletions
17
app/components/navbar.tsx
Normal file
17
app/components/navbar.tsx
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
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>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue