fix: right align status bar metrics

This commit is contained in:
Federico Jaramillo Martinez
2026-06-05 20:35:18 +02:00
parent 98cdc29208
commit 66c5d0faca
2 changed files with 3 additions and 4 deletions
+2 -3
View File
@@ -390,9 +390,8 @@ export const formattedTextStyles = css`
export const statusBarStyles = css`
:host { display: block; color: var(--pi-muted); font: 12px system-ui, sans-serif; }
.bar { display: flex; gap: 12px; align-items: center; min-width: 0; padding: 7px 12px; border-top: 1px solid var(--pi-border); background: var(--pi-bg); white-space: nowrap; overflow: hidden; }
span { flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; }
.context { flex: 1 1 auto; min-width: 0; }
.bar { display: flex; justify-content: flex-end; gap: 12px; align-items: center; min-width: 0; padding: 7px 12px; border-top: 1px solid var(--pi-border); background: var(--pi-bg); white-space: nowrap; overflow: hidden; }
span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.activity { display: inline-flex; align-items: center; gap: 6px; color: var(--pi-muted); }
.activity.active { color: var(--pi-success); }
.dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .45; flex: 0 0 auto; }