bitforge/orchard
3
0
Fork 0
Code Projects Wiki Activity

Fix progress bar CSS scoping conflict between upload and dashboard

Browse Source
This commit is contained in:
Mondo Diaz
2026-02-03 08:29:03 -06:00
parent e86d974339
commit 9587ed8f17
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/DragDropUpload.css
View File

@@ -290,20 +290,25 @@
color: var(--error-color, #dc3545);
}
/* Progress Bar */
.progress-bar {
/* Progress Bar - scoped to upload component */
.drag-drop-upload .progress-bar,
.upload-queue .progress-bar {
height: 8px;
background: var(--border-color, #ddd);
border-radius: 4px;
overflow: hidden;
width: 100%;
max-width: 100%;
}
.progress-bar--small {
.drag-drop-upload .progress-bar--small,
.upload-queue .progress-bar--small {
height: 4px;
margin-top: 0.25rem;
}
.progress-bar__fill {
.drag-drop-upload .progress-bar__fill,
.upload-queue .progress-bar__fill {
height: 100%;
background: var(--accent-color, #007bff);
border-radius: 4px;