Update QuizRunner component styles and button classes

This commit is contained in:
2026-01-08 02:52:34 +01:00
parent 4e144ed863
commit 773e23d701

View File

@@ -505,7 +505,7 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
<div className="pill">Wrong {wrongCount}</div> <div className="pill">Wrong {wrongCount}</div>
<div className="pill">Skipped {skippedCount}</div> <div className="pill">Skipped {skippedCount}</div>
</div> </div>
<div className="actions" style={{ gap: '0.5rem', flexWrap: 'wrap' }}> <div className="actions" style={{ flexWrap: 'wrap' }}>
<button <button
className="button button--ghost" className="button button--ghost"
onClick={() => { onClick={() => {
@@ -515,16 +515,16 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
> >
Back Back
</button> </button>
<button className="button" onClick={startQuiz}> <button className="button button--primary" onClick={startQuiz}>
Play again Play again
</button> </button>
<NavLink className="button button--ghost" to="/"> <Link className="button button--ghost" to="/">
Home Home
</NavLink> </Link>
{entryLink && ( {entryLink && (
<NavLink className="button button--ghost" to={entryLink}> <Link className="button button--ghost" to={entryLink}>
Back to learn page Back to learn page
</NavLink> </Link>
)} )}
</div> </div>
</div> </div>