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
+1 -1
View File
@@ -2,4 +2,4 @@
"@jmfederico/pi-web": patch
---
Reduce repeated machine and workspace details in the chat status bar and workspace tool header so context stays in the location chips.
Reduce repeated machine and workspace details in the chat status bar and workspace tool header, keeping compact session metrics right-aligned.
+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; }