Elijah/Study
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

style: Enhance progress bar visibility across flashcards and quizzes
All checks were successful
Automated Container Build / build-and-push (push) Successful in 58s
Details

Browse source
This commit is contained in:
Elijah 2026-06-28 13:26:52 -07:00
parent 9dfb84bbd6
commit 7d3831149c
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/flashcards/FlashcardViewer.tsx
View file

@ -309,9 +309,9 @@ export function FlashcardViewer({ cards, deckId, isShared = false, initialProgre
</span>
</div>
{/* Progress bar */}
<div className="w-full bg-bg-surface-alt rounded-full h-1.5 mt-2">
<div className="w-full bg-bg-surface rounded-full h-2 mt-2 border border-border-light/50 overflow-hidden">
<div
className="h-1.5 rounded-full bg-primary transition-all duration-300"
className="h-full bg-primary transition-all duration-300"
style={{ width: `${((currentIndex + 1) / order.length) * 100}%` }}
/>
</div>