matei/tono
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loading bar for file uploads

Browse Source
This commit is contained in:
matei jordache
2026-04-04 23:26:30 -07:00
parent b8d5c11ee9
commit c6096b53a8
3 changed files with 120 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/styles.css
View File

@@ -497,8 +497,12 @@ html, body, #root {
background: var(--bg-toolbar);
border: 1px solid var(--border-toolbar);
max-width: 60%;
min-width: 240px;
text-align: center;
animation: toast-in 0.2s ease-out;
display: flex;
flex-direction: column;
gap: 5px;
}
.status-toast.closing {
animation: toast-out 0.3s ease-in forwards;
@@ -506,6 +510,19 @@ html, body, #root {
.status-toast.info { color: var(--accent-light); }
.status-toast.error { color: var(--error-text); background: var(--error-bg); }
.status-toast-progress {
height: 3px;
width: 100%;
background: rgba(127, 127, 127, 0.22);
border-radius: 2px;
overflow: hidden;
}
.status-toast-progress-fill {
height: 100%;
background: var(--accent-light);
transition: width 0.12s linear;
}
@keyframes toast-in {
from { opacity: 0; transform: translateX(-50%) translateY(8px); }
to { opacity: 1; transform: translateX(-50%) translateY(0); }