diff options
| author | David Hill <[email protected]> | 2026-02-17 13:59:13 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-17 14:37:44 +0000 |
| commit | a8669aba8fd37ae7b95b8bcadd44fd37c1b49c84 (patch) | |
| tree | e7053c3747712a0db269f1681ac244c795ba8ced | |
| parent | d31e9cff6a76af9a4667507b359f713b6fdd1e7d (diff) | |
| download | opencode-a8669aba8fd37ae7b95b8bcadd44fd37c1b49c84.tar.gz opencode-a8669aba8fd37ae7b95b8bcadd44fd37c1b49c84.zip | |
tweak(app): match titlebar active bg to hover
Use the ghost hover background for active/expanded titlebar actions and tighten titlebar popover gutters to 4px.
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 6 | ||||
| -rw-r--r-- | packages/app/src/components/status-popover.tsx | 4 |
2 files changed, 5 insertions, 5 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index ed5dfa68c..8b21940e3 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -383,7 +383,7 @@ export function SessionHeader() { </Button> <div class="self-stretch w-px bg-border-weak-base" /> <DropdownMenu - gutter={6} + gutter={4} placement="bottom-end" open={menu.open} onOpenChange={(open) => setMenu("open", open)} @@ -392,7 +392,7 @@ export function SessionHeader() { as={IconButton} icon="chevron-down" variant="ghost" - class="rounded-none h-full w-[24px] p-0 border-none shadow-none data-[expanded]:bg-surface-raised-base-active" + class="rounded-none h-full w-[24px] p-0 border-none shadow-none data-[expanded]:bg-surface-raised-base-hover" aria-label={language.t("session.header.open.menu")} /> <DropdownMenu.Portal> @@ -458,7 +458,7 @@ export function SessionHeader() { ? language.t("session.share.popover.description.shared") : language.t("session.share.popover.description.unshared") } - gutter={6} + gutter={4} placement="bottom-end" shift={-64} class="rounded-xl [&_[data-slot=popover-close-button]]:hidden" diff --git a/packages/app/src/components/status-popover.tsx b/packages/app/src/components/status-popover.tsx index c05e1da46..ccaa0ff77 100644 --- a/packages/app/src/components/status-popover.tsx +++ b/packages/app/src/components/status-popover.tsx @@ -196,7 +196,7 @@ export function StatusPopover() { triggerProps={{ variant: "ghost", class: - "rounded-md h-[24px] pr-3 pl-0.5 gap-2 border border-border-weak-base bg-surface-panel shadow-none data-[expanded]:bg-surface-raised-base-active", + "rounded-md h-[24px] pr-3 pl-0.5 gap-2 border border-border-weak-base bg-surface-panel shadow-none data-[expanded]:bg-surface-raised-base-hover", style: { scale: 1 }, }} trigger={ @@ -215,7 +215,7 @@ export function StatusPopover() { </div> } class="[&_[data-slot=popover-body]]:p-0 w-[360px] max-w-[calc(100vw-40px)] bg-transparent border-0 shadow-none rounded-xl" - gutter={6} + gutter={4} placement="bottom-end" shift={-136} > |