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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -4,14 +4,14 @@
"src": "assets/logo.svg"
},
"index.css": {
"file": "assets/index-87c84a72.css",
"file": "assets/index-d46108e9.css",
"src": "index.css"
},
"index.html": {
"css": [
"assets/index-87c84a72.css"
"assets/index-d46108e9.css"
],
"file": "assets/index-5a52a5c4.js",
"file": "assets/index-c93d50ee.js",
"isEntry": true,
"src": "index.html"
}

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}

View file

@ -5,8 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>rqbit web 4.0.0-beta.0</title>
<link rel="icon" type="image/svg+xml" href="assets/logo.svg" />
<!-- Include Bootstrap CSS -->
<!-- <link rel="stylesheet" href="/src/styles/bootstrap.min.css" /> -->
</head>
<body>

File diff suppressed because one or more lines are too long