feat(dashboard): add pending as separate stat card and progress bar segment
This commit is contained in:
@@ -186,17 +186,20 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
|
||||
.dash-stat-body { display: flex; flex-direction: column; }
|
||||
.dash-stat-value { font-size: 1.15rem; font-weight: 700; line-height: 1.2; }
|
||||
.dash-stat-label { font-size: .68rem; color: var(--text-muted); }
|
||||
.dash-pending { color: var(--primary); }
|
||||
.dash-sent { color: var(--sent); }
|
||||
.dash-delivered { color: var(--delivered); }
|
||||
.dash-received { color: var(--received); }
|
||||
.dash-progress { margin-bottom: 2rem; }
|
||||
.progress-bar { display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: var(--border); }
|
||||
.progress-seg { height: 100%; }
|
||||
.progress-pending { background: var(--primary); }
|
||||
.progress-sent { background: var(--sent); }
|
||||
.progress-delivered { background: var(--delivered); }
|
||||
.progress-received { background: var(--received); }
|
||||
.progress-legend { display: flex; gap: 1.25rem; margin-top: .5rem; font-size: .8rem; color: var(--text-muted); }
|
||||
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .25rem; vertical-align: middle; }
|
||||
.dot-pending { background: var(--primary); }
|
||||
.dot-sent { background: var(--sent); }
|
||||
.dot-delivered { background: var(--delivered); }
|
||||
.dot-received { background: var(--received); }
|
||||
|
||||
Reference in New Issue
Block a user