Fix color name for progress
This commit is contained in:
parent
1bebc10803
commit
a60738ff89
6 changed files with 7 additions and 15 deletions
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue