giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update topbar layout and styling in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:39:38 +01:00
parent c93c20277d
commit fa7e16aa3b
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/App.tsx
View File

@@ -13,6 +13,7 @@ export default function App() {
return ( return (
<div className="app-shell"> <div className="app-shell">
<header className="topbar"> <header className="topbar">
<div className="container topbar-inner">
<NavLink to="/" className="brand"> <NavLink to="/" className="brand">
IG Japanese Quizzer IG Japanese Quizzer
</NavLink> </NavLink>
@@ -20,10 +21,11 @@ export default function App() {
<NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}> <NavLink to="/" end className={({ isActive }) => (isActive ? 'link active' : 'link')}>
Overview Overview
</NavLink> </NavLink>
<button className="link" onClick={startRandomQuiz}> <button className="link nav-link-btn" onClick={startRandomQuiz}>
New Random Quiz New Random Quiz
</button> </button>
</nav> </nav>
</div>
</header> </header>
<main className="main"> <main className="main">