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

fix(app): update status modal header and tab typography

pull/17327/head
David Hill 2026-03-13 13:01:39 +00:00
parent 3527d011a6
commit c81b2d81b7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -190,11 +190,11 @@ export function StatusModal(props: { directory: string }) {
const open = () =>
dialog.show(() => (
<Dialog
title={language.t("status.popover.trigger")}
title={<span class="text-12-medium text-text-weak">{language.t("status.popover.trigger")}</span>}
position="top"
style={{ "--dialog-top": "33vh" } as any}
fit
class="!max-h-[33vh] [&_[data-slot=dialog-header]]:bg-background-base"
class="!max-h-[33vh] [&_[data-slot=dialog-header]]:bg-background-base [&_[data-slot=dialog-header]]:pb-2"
transition
>
<Tabs
@ -209,19 +209,19 @@ export function StatusModal(props: { directory: string }) {
data-slot="tablist"
class="bg-background-base border-b border-border-weak-base px-5 pt-0 pb-0 gap-7 h-10"
>
<Tabs.Trigger value="servers" data-slot="tab" class="text-12-regular" classes={{ button: "!px-0" }}>
<Tabs.Trigger value="servers" data-slot="tab" class="text-14-medium" classes={{ button: "!px-0" }}>
{sortedServers().length > 0 ? `${sortedServers().length} ` : ""}
{language.t("status.popover.tab.servers")}
</Tabs.Trigger>
<Tabs.Trigger value="mcp" data-slot="tab" class="text-12-regular" classes={{ button: "!px-0" }}>
<Tabs.Trigger value="mcp" data-slot="tab" class="text-14-medium" classes={{ button: "!px-0" }}>
{mcpConnected() > 0 ? `${mcpConnected()} ` : ""}
{language.t("status.popover.tab.mcp")}
</Tabs.Trigger>
<Tabs.Trigger value="lsp" data-slot="tab" class="text-12-regular" classes={{ button: "!px-0" }}>
<Tabs.Trigger value="lsp" data-slot="tab" class="text-14-medium" classes={{ button: "!px-0" }}>
{lspCount() > 0 ? `${lspCount()} ` : ""}
{language.t("status.popover.tab.lsp")}
</Tabs.Trigger>
<Tabs.Trigger value="plugins" data-slot="tab" class="text-12-regular" classes={{ button: "!px-0" }}>
<Tabs.Trigger value="plugins" data-slot="tab" class="text-14-medium" classes={{ button: "!px-0" }}>
{pluginCount() > 0 ? `${pluginCount()} ` : ""}
{language.t("status.popover.tab.plugins")}
</Tabs.Trigger>