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

tweak(app): use weak borders in titlebar actions

Browse Source 
Use border-border-weak-base for the titlebar status and open actions (including the open button divider) and adjust the English copy-path label casing.
This commit is contained in:
David Hill
2026-02-17 13:55:12 +00:00
parent 0cb11c2412
commit d31e9cff6a
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/components/session/session-header.tsx
View File

@@ -353,7 +353,7 @@ export function SessionHeader() {
<Show <Show
when={canOpen()} when={canOpen()}
fallback={ fallback={
<div class="flex h-[24px] box-border items-center rounded-md border border-border-base bg-surface-panel overflow-hidden"> <div class="flex h-[24px] box-border items-center rounded-md border border-border-weak-base bg-surface-panel overflow-hidden">
<Button <Button
variant="ghost" variant="ghost"
class="rounded-none h-full py-0 pr-3 pl-2 gap-2 border-none shadow-none" class="rounded-none h-full py-0 pr-3 pl-2 gap-2 border-none shadow-none"
@@ -369,7 +369,7 @@ export function SessionHeader() {
} }
> >
<div class="flex items-center"> <div class="flex items-center">
<div class="flex h-[24px] box-border items-center rounded-md border border-border-base bg-surface-panel overflow-hidden"> <div class="flex h-[24px] box-border items-center rounded-md border border-border-weak-base bg-surface-panel overflow-hidden">
<Button <Button
variant="ghost" variant="ghost"
class="rounded-none h-full py-0 pr-3 pl-0.5 gap-1.5 border-none shadow-none" class="rounded-none h-full py-0 pr-3 pl-0.5 gap-1.5 border-none shadow-none"
@@ -381,7 +381,7 @@ export function SessionHeader() {
</div> </div>
<span class="text-12-regular text-text-strong">Open</span> <span class="text-12-regular text-text-strong">Open</span>
</Button> </Button>
<div class="self-stretch w-px bg-border-base/70" /> <div class="self-stretch w-px bg-border-weak-base" />
<DropdownMenu <DropdownMenu
gutter={6} gutter={6}
placement="bottom-end" placement="bottom-end"

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

@@ -196,7 +196,7 @@ export function StatusPopover() {
triggerProps={{ triggerProps={{
variant: "ghost", variant: "ghost",
class: class:
"rounded-md h-[24px] pr-3 pl-0.5 gap-2 border border-border-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-active",
style: { scale: 1 }, style: { scale: 1 },
}} }}
trigger={ trigger={

2
packages/app/src/i18n/en.ts
View File

@@ -520,7 +520,7 @@ export const dict = {
"session.header.open.action": "Open {{app}}", "session.header.open.action": "Open {{app}}",
"session.header.open.ariaLabel": "Open in {{app}}", "session.header.open.ariaLabel": "Open in {{app}}",
"session.header.open.menu": "Open options", "session.header.open.menu": "Open options",
"session.header.open.copyPath": "Copy Path", "session.header.open.copyPath": "Copy path",
"status.popover.trigger": "Status", "status.popover.trigger": "Status",
"status.popover.ariaLabel": "Server configurations", "status.popover.ariaLabel": "Server configurations",