* 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
19 lines
455 B
TypeScript
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>
|
|
);
|
|
}
|