style improvement

This commit is contained in:
Joshua Seigler 2022-10-09 23:56:27 -04:00
parent 7e97e336b0
commit de3f50b388
2 changed files with 12 additions and 1 deletions

View file

@ -9,7 +9,12 @@ export function App() {
<header>
<h1>React State Management</h1>
<nav>
<Link to="/">Introduction</Link>
<NavLink
to="/"
end
className={({ isActive }) => (isActive ? 'isActive' : '')}>
Introduction
</NavLink>
{strategies.map(({ name }) => (
<NavLink
key={name}

View file

@ -4,6 +4,12 @@
<meta charset="utf-8" />
<title>React State Management</title>
<link rel="stylesheet" href="npm:simpledotcss/simple.min.css" />
<style>
a.isActive {
background-color: var(--accent);
color: var(--bg) !important;
}
</style>
</head>
<body>
<div id="app"></div>