ZHAW/BA_TTS_Annotation_Plattform
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

removed colors on calibration window

Browse Source
This commit is contained in:
averel10
2026-04-02 07:07:37 +02:00
parent 6c33fe597c
commit 4922fdc770
1 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/CalibrationScoresDisplay.tsx
View File

@@ -26,17 +26,13 @@ export default function CalibrationScoresDisplay({
<div key={dialect}> <div key={dialect}>
<div className="flex justify-between items-center mb-2"> <div className="flex justify-between items-center mb-2">
<span className="font-medium text-gray-800">{DIALECT_LABELS[dialect]}</span> <span className="font-medium text-gray-800">{DIALECT_LABELS[dialect]}</span>
<span className={`text-sm font-semibold ${ <span className={`text-sm font-semibold text-blue-600`}>
isGood ? 'text-green-600' : isFair ? 'text-yellow-600' : 'text-red-600'
}`}>
{(score * 100).toFixed(0)}% {(score * 100).toFixed(0)}%
</span> </span>
</div> </div>
<div className="w-full bg-gray-200 rounded-full h-2 overflow-hidden"> <div className="w-full bg-gray-200 rounded-full h-2 overflow-hidden">
<div <div
className={`h-full rounded-full transition-all duration-300 ${ className={`h-full rounded-full transition-all duration-300 bg-blue-500`}
isGood ? 'bg-green-500' : isFair ? 'bg-yellow-500' : 'bg-red-500'
}`}
style={{ width: `${Math.max(0, Math.min(100, percentage))}%` }} style={{ width: `${Math.max(0, Math.min(100, percentage))}%` }}
/> />
</div> </div>