codex-storage
/
codex-marketplace-ui-components
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix upload progress color

This commit is contained in:
Arnaud 2024-10-08 15:00:08 +02:00
parent 2c8d6f0f86
commit 0484c93990
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Upload/upload.css
View File

@ -60,29 +60,33 @@
border-radius: var(--codex-border-radius);
}
.uploadFile-progressBar[value] {
.uploadFile-progressBar {
height: 0.5rem;
width: 100%;
border: none;
}
.uploadFile-progressBar[value]::-webkit-progress-bar {
border-radius: var(--codex-border-radius);
background-color: var(
--codex-upload-background,
var(--codex-background-secondary)
);
background-color: var(--codex-background-light);
border-radius: 50px;
}
.uploadFile-progressBar[value]::-moz-progress-bar,
.uploadFile-progressBar[value]::-webkit-progress-value {
border-radius: var(--codex-border-radius);
background-color: var(--codex-color-primary);
background: var(--codex-color-primary);
border-radius: 50px;
}
.uploadFile-progressBar[value]::-moz-progress-bar {
border-radius: 50px;
background: var(--codex-color-primary);
}
.uploadFile-progressBar[aria-invalid]::-moz-progress-bar {
background: rgb(var(--codex-color-error));
}
.uploadFile-progressBar[aria-invalid]::-moz-progress-bar,
.uploadFile-progressBar[aria-invalid]::-webkit-progress-value {
background-color: rgb(var(--codex-color-error));
background: rgb(var(--codex-color-error));
}
.uploadFile-filename {