| author |  Henry Zhang <113233555+caezium@users.noreply.github.com> 2026-08-08 05:03:31+08:00 |
| committer |  GitHub <noreply@github.com> 2026-08-07 17:03:31-04:00 |
| log | 7a84f6cf10a5040d29c6392ad216d976458363cd |
| tree | cf5fc3b486e0547dba3e7f9a24d97aebb3812797 |
| parent | f0fb406acf419c1ab3d37d5f42093c07921484b2 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): reconnect the composer seam for remote non-Git projects (#5633)
3 files changed, 8 insertions(+), 3 deletions(-)
apps/web/src/components/BranchToolbar.tsx+1-1
| ... | @@ -126,7 +126,7 @@ const MobileRunContextSelector = memo(function MobileRunContextSelector({ | ... | @@ -126,7 +126,7 @@ const MobileRunContextSelector = memo(function MobileRunContextSelector({ |
| 126 | 126 | ||
| 127 | if (isLocked) { | 127 | if (isLocked) { |
| 128 | return ( | 128 | return ( |
| 129 | <span className="inline-flex min-w-0 max-w-[48%] flex-1 items-center justify-start gap-1 rounded-md border border-transparent px-[calc(--spacing(2)-1px)] text-sm font-medium text-muted-foreground/70 md:hidden"> | 129 | <span className="inline-flex h-7 min-w-0 max-w-[48%] flex-1 items-center justify-start gap-1 rounded-md border border-transparent px-[calc(--spacing(2)-1px)] text-sm font-medium text-muted-foreground/70 sm:h-6 md:hidden"> |
| 130 | {triggerContent} | 130 | {triggerContent} |
| 131 | </span> | 131 | </span> |
| 132 | ); | 132 | ); |
apps/web/src/components/BranchToolbarEnvModeSelector.tsx+1-1
| ... | @@ -50,7 +50,7 @@ export const BranchToolbarEnvModeSelector = memo(function BranchToolbarEnvModeSe | ... | @@ -50,7 +50,7 @@ export const BranchToolbarEnvModeSelector = memo(function BranchToolbarEnvModeSe |
| 50 | 50 | ||
| 51 | if (envLocked) { | 51 | if (envLocked) { |
| 52 | return ( | 52 | return ( |
| 53 | <span className="inline-flex shrink-0 items-center gap-1 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:text-xs"> | 53 | <span className="inline-flex h-7 shrink-0 items-center gap-1 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:h-6 sm:text-xs"> |
| 54 | {activeWorktreePath ? ( | 54 | {activeWorktreePath ? ( |
| 55 | <> | 55 | <> |
| 56 | <FolderGitIcon className="size-3" /> | 56 | <FolderGitIcon className="size-3" /> |
apps/web/src/components/BranchToolbarEnvironmentSelector.tsx+6-1
| ... | @@ -41,9 +41,14 @@ export const BranchToolbarEnvironmentSelector = memo(function BranchToolbarEnvir | ... | @@ -41,9 +41,14 @@ export const BranchToolbarEnvironmentSelector = memo(function BranchToolbarEnvir |
| 41 | [availableEnvironments], | 41 | [availableEnvironments], |
| 42 | ); | 42 | ); |
| 43 | 43 | ||
| 44 | // The static label carries the xs control's height (h-7 sm:h-6) as well as | ||
| 45 | // its padding: the composer context strip has no min-height of its own, and | ||
| 46 | // the glass seam joining it to the composer assumes a fixed strip height, so | ||
| 47 | // a shorter label would drag the seam out of line whenever this label is the | ||
| 48 | // only thing in the strip. | ||
| 44 | if (envLocked || onEnvironmentChange === undefined) { | 49 | if (envLocked || onEnvironmentChange === undefined) { |
| 45 | return ( | 50 | return ( |
| 46 | <span className="inline-flex min-w-0 max-w-full items-center gap-1 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:text-xs"> | 51 | <span className="inline-flex h-7 min-w-0 max-w-full items-center gap-1 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:h-6 sm:text-xs"> |
| 47 | {activeEnvironment?.isPrimary ? ( | 52 | {activeEnvironment?.isPrimary ? ( |
| 48 | <MonitorIcon className="size-3 shrink-0" /> | 53 | <MonitorIcon className="size-3 shrink-0" /> |
| 49 | ) : ( | 54 | ) : ( |