Update QuizRunner component styles and button classes
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user