Fix color name for progress

This commit is contained in:
Igor Katson 2023-12-17 12:53:05 +00:00
parent 1bebc10803
commit a60738ff89
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
6 changed files with 7 additions and 15 deletions

View file

@ -8,7 +8,7 @@ export const ProgressBar = ({ now, variant, label }: Props) => {
const progressLabel = label ?? `${now.toFixed(2)}%`;
const variantClassName = {
warn: "bg-yellow-500",
warn: "bg-amber-500",
info: "bg-blue-500 text-white",
success: "bg-green-700 text-white",
error: "bg-red-500 text-white",
@ -17,7 +17,7 @@ export const ProgressBar = ({ now, variant, label }: Props) => {
return (
<div className={"w-full bg-gray-200 rounded-full dark:bg-gray-500"}>
<div
className={`text-xs bg-blue-500 font-medium transition-all text-center p-0.5 leading-none rounded-full ${variantClassName}`}
className={`text-xs bg-blue-500 text-white font-medium transition-all text-center p-0.5 leading-none rounded-full ${variantClassName}`}
style={{ width: `${now}%` }}
>
{progressLabel}