sandvich
/
opencode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tui: fix status indicator positioning for better visual alignment

title-bar-cleanup
David Hill 2026-03-12 17:13:39 +00:00
parent 58db12de6c
commit 69e3924aaf
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/status-popover.tsx
View File

@ -217,7 +217,7 @@ export function StatusPopover() {
</div>
<div
classList={{
"absolute top-0 -right-px size-1.5 rounded-full": true,
"absolute -top-px -right-px size-1.5 rounded-full": true,
"bg-icon-success-base": overallHealthy(),
"bg-icon-critical-base": !overallHealthy() && server.healthy() !== undefined,
"bg-border-weak-base": server.healthy() === undefined,

4
packages/ui/src/styles/tailwind/utilities.css
View File

@ -14,8 +14,8 @@
}
@utility badge-mask-tight {
-webkit-mask-image: radial-gradient(circle 5px at calc(100% - 2px) 3px, transparent 5px, black 5.5px);
mask-image: radial-gradient(circle 5px at calc(100% - 2px) 3px, transparent 5px, black 5.5px);
-webkit-mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px);
mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px);
}
@utility truncate-start {