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

Numeroud bug fixes, UI improvements, small animations
Some checks failed
Automated Container Build / build-and-push (push) Failing after 3s
Details

Browse source
This commit is contained in:
Elijah 2026-06-27 19:50:10 -07:00
parent b7ce314f01
commit d76ec4a69f
10 changed files with 249 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/quizzes/QuizViewer.tsx
View file

@ -271,7 +271,7 @@ export function QuizViewer({ quiz, retakeIds, isShared = false, onFinished }: Qu
<div>
<span className="text-sm font-medium text-text-secondary">Score so far: </span>
<span className="text-sm font-bold text-primary">
{runningScore.toFixed(2)} / {maxPossibleSoFar}
{parseFloat(runningScore.toFixed(2))} / {maxPossibleSoFar}
</span>
</div>
</div>
@ -334,21 +334,24 @@ export function QuizViewer({ quiz, retakeIds, isShared = false, onFinished }: Qu
className={`flex items-start gap-4 p-4 rounded-xl border-2 transition-all duration-200 ${stateClass}`}
>
<div className="pt-0.5">
{icon ? icon : (
<div className={`w-5 h-5 rounded ${currentQ.type === 'SATA' ? 'border' : 'border rounded-full'} flex items-center justify-center transition-colors ${
isSelected ? 'border-primary bg-primary text-white' : 'border-border-light bg-bg-surface'
}`}>
{isSelected && (
<svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
</svg>
)}
</div>
)}
<div className={`w-5 h-5 rounded ${currentQ.type === 'SATA' ? 'border' : 'border rounded-full'} flex items-center justify-center transition-colors ${
isSelected ? 'border-primary bg-primary text-white' : 'border-border-light bg-bg-surface'
}`}>
{isSelected && (
<svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
</svg>
)}
</div>
</div>
<div className="flex-1 text-text-body font-medium leading-snug">
{opt.text}
</div>
{icon && (
<div className="pt-0.5 pl-2">
{icon}
</div>
)}
</div>
);
})}