Преглед изворни кода

tweak(app): use weak borders in titlebar actions

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.
David Hill пре 6 месеци
родитељ
комит
d31e9cff6a

+ 3 - 3
packages/app/src/components/session/session-header.tsx

@@ -353,7 +353,7 @@ export function SessionHeader() {
                   <Show
                     when={canOpen()}
                     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
                           variant="ghost"
                           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 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
                           variant="ghost"
                           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>
                           <span class="text-12-regular text-text-strong">Open</span>
                         </Button>
-                        <div class="self-stretch w-px bg-border-base/70" />
+                        <div class="self-stretch w-px bg-border-weak-base" />
                         <DropdownMenu
                           gutter={6}
                           placement="bottom-end"

+ 1 - 1
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-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 },
       }}
       trigger={

+ 1 - 1
packages/app/src/i18n/en.ts

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