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" "src": "assets/logo.svg"
}, },
"index.css": { "index.css": {
"file": "assets/index-87c84a72.css", "file": "assets/index-d46108e9.css",
"src": "index.css" "src": "index.css"
}, },
"index.html": { "index.html": {
"css": [ "css": [
"assets/index-87c84a72.css" "assets/index-d46108e9.css"
], ],
"file": "assets/index-5a52a5c4.js", "file": "assets/index-c93d50ee.js",
"isEntry": true, "isEntry": true,
"src": "index.html" "src": "index.html"
} }

View file

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

View file

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

File diff suppressed because one or more lines are too long