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

fix(ui): use 1px active indicator for alt tabs

pull/17327/head
David Hill 2026-03-13 12:37:57 +00:00
parent f7cf90f9da
commit d5768ca43c
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -228,7 +228,7 @@ export function StatusModal(props: { directory: string }) {
</Tabs.List>
<Tabs.Content value="servers">
<div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2">
<div class="flex flex-col p-3 rounded-sm min-h-[160px]">
<For each={sortedServers()}>
{(s) => {
@ -288,7 +288,7 @@ export function StatusModal(props: { directory: string }) {
</Tabs.Content>
<Tabs.Content value="mcp">
<div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2">
<div class="flex flex-col p-3 rounded-sm min-h-[160px]">
<Show
when={mcpNames().length > 0}
@ -337,7 +337,7 @@ export function StatusModal(props: { directory: string }) {
</Tabs.Content>
<Tabs.Content value="lsp">
<div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2">
<div class="flex flex-col p-3 rounded-sm min-h-[160px]">
<Show
when={lspItems().length > 0}
@ -367,7 +367,7 @@ export function StatusModal(props: { directory: string }) {
</Tabs.Content>
<Tabs.Content value="plugins">
<div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2">
<div class="flex flex-col p-3 rounded-sm min-h-[160px]">
<Show
when={plugins().length > 0}

4
packages/ui/src/components/tabs.css
View File

@ -288,7 +288,7 @@
border: none;
color: var(--text-base);
background-color: transparent;
border-bottom-width: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: transparent;
gap: 4px;
@ -305,7 +305,7 @@
height: 100%;
padding: 4px;
background-color: transparent;
border-bottom-width: 2px;
border-bottom-width: 1px;
border-bottom-color: transparent;
}