Add status bar

This commit is contained in:
2026-04-16 16:11:54 +02:00
parent 788cf08fef
commit b1f35b4c26
5 changed files with 134 additions and 12 deletions
+55
View File
@@ -97,6 +97,61 @@ td {
border: 1px solid #c5a100;
}
.status-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
align-items: center;
padding: 8px 14px;
background-color: #eef2f5;
border-top: 1px solid #b8c3cc;
color: #23313d;
font-size: 0.88rem;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
z-index: 900;
}
.status-item {
min-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.status-item strong {
color: #10202c;
}
.status-progress {
flex: 1 1 260px;
min-width: 220px;
}
.status-progress-track {
width: 100%;
height: 22px;
background-color: #d7dee5;
border-radius: 999px;
overflow: hidden;
border: 1px solid #b8c3cc;
}
.status-progress-fill {
width: 0%;
height: 100%;
background-color: #2e8b57;
color: white;
text-align: center;
line-height: 20px;
font-size: 0.78rem;
font-weight: 600;
transition: width 0.2s ease;
}
.group_name {
padding-left:1em;
padding-right:1em;