monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): update server and MCP item styles in status popover

Browse Source
This commit is contained in:
David Hill
2026-01-24 19:38:15 +00:00
parent 2c620e1742
commit d01df32e36
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -213,7 +213,7 @@ export function StatusPopover() {
return ( return (
<button <button
type="button" type="button"
class="flex items-center gap-2 w-full p-1.5 rounded-md transition-colors text-left" class="flex items-center gap-2 w-full h-8 pl-3 pr-1.5 py-1.5 rounded-md transition-colors text-left"
classList={{ classList={{
"opacity-50": isBlocked(), "opacity-50": isBlocked(),
"hover:bg-surface-raised-base-hover": !isBlocked(), "hover:bg-surface-raised-base-hover": !isBlocked(),
@@ -236,7 +236,7 @@ export function StatusPopover() {
/> />
<span class="text-14-regular text-text-base truncate">{serverDisplayName(url)}</span> <span class="text-14-regular text-text-base truncate">{serverDisplayName(url)}</span>
<Show when={status()?.version}> <Show when={status()?.version}>
<span class="text-12-regular text-text-weak">{status()?.version}</span> <span class="text-12-regular text-text-weak truncate">{status()?.version}</span>
</Show> </Show>
<Show when={isDefault()}> <Show when={isDefault()}>
<span class="text-11-regular text-text-base bg-surface-base px-1.5 py-0.5 rounded-md"> <span class="text-11-regular text-text-base bg-surface-base px-1.5 py-0.5 rounded-md">
@@ -276,7 +276,7 @@ export function StatusPopover() {
return ( return (
<button <button
type="button" type="button"
class="flex items-center gap-2 w-full px-2 py-1 rounded-md hover:bg-surface-raised-base-hover transition-colors text-left" class="flex items-center gap-2 w-full h-8 px-2 py-1 rounded-md hover:bg-surface-raised-base-hover transition-colors text-left"
onClick={() => toggleMcp(item.name)} onClick={() => toggleMcp(item.name)}
disabled={loading() === item.name} disabled={loading() === item.name}
> >