joshua/presentation-react-state-management
1
0
Fork 0
mirror of https://github.com/seigler/presentation-react-state-management synced 2025-07-27 01:36:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style improvement

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

7
src/App.tsx
View file

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

6
src/index.html
View file

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