Fix color name for progress
This commit is contained in:
parent
1bebc10803
commit
a60738ff89
6 changed files with 7 additions and 15 deletions
2
crates/librqbit/webui/dist/assets/index.css
vendored
2
crates/librqbit/webui/dist/assets/index.css
vendored
File diff suppressed because one or more lines are too long
2
crates/librqbit/webui/dist/assets/index.js
vendored
2
crates/librqbit/webui/dist/assets/index.js
vendored
File diff suppressed because one or more lines are too long
6
crates/librqbit/webui/dist/manifest.json
vendored
6
crates/librqbit/webui/dist/manifest.json
vendored
|
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
6
desktop/src/styles/bootstrap.min.css
vendored
6
desktop/src/styles/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue