snapsteps/src/components/navbar/Navbar.tsx
johannes-hernehult 53969472b7 Refactor navigation and update global CSS
* Move nav elements to a new Navbar component
* Update CSS variables to oklch format
* Add standard button utility classes
* Remove nested nav styles from App.css
2026-07-08 21:32:46 +02:00

19 lines
455 B
TypeScript

import { Link, NavLink } from "react-router";
import "./Navbar.css"
import GuideList from "./guide-list/GuideList";
export default function Navbar() {
return (
<nav>
<Link className="button primary-button" to="/new-guide">
Create New Guide
</Link>
<h2>Guides</h2>
<GuideList />
<NavLink className="button secondary-button settings-button" to="/settings">
Settings
</NavLink>
</nav>
);
}