diff options
| author | David Hill <[email protected]> | 2026-03-12 18:26:50 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-03-12 18:26:50 +0000 |
| commit | 184732fc2097166921dd46fbb9a8ce433a96b237 (patch) | |
| tree | 6dd45cc5483f968fe4ad3c19456eb62c54b97b94 /packages/app/src/components/server | |
| parent | b66222baf7a09af692e8de06179c1c3e51715269 (diff) | |
| download | opencode-184732fc2097166921dd46fbb9a8ce433a96b237.tar.gz opencode-184732fc2097166921dd46fbb9a8ce433a96b237.zip | |
fix(app): titlebar cleanup (#17206)
Diffstat (limited to 'packages/app/src/components/server')
| -rw-r--r-- | packages/app/src/components/server/server-row.tsx | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/packages/app/src/components/server/server-row.tsx b/packages/app/src/components/server/server-row.tsx index 5bb290ec3..8a4b7be4d 100644 --- a/packages/app/src/components/server/server-row.tsx +++ b/packages/app/src/components/server/server-row.tsx @@ -65,22 +65,26 @@ export function ServerRow(props: ServerRowProps) { return ( <Tooltip - class="flex-1" + class="flex-1 min-w-0" value={tooltipValue()} + contentStyle={{ "max-width": "none", "white-space": "nowrap" }} placement="top-start" inactive={!truncated() && !props.conn.displayName} > <div class={props.class} classList={{ "opacity-50": props.dimmed }}> - <div class="flex flex-col items-start"> - <div class="flex flex-row items-center gap-2"> - <span ref={nameRef} class={props.nameClass ?? "truncate"}> + <div class="flex flex-col items-start min-w-0 w-full"> + <div class="flex flex-row items-center gap-2 min-w-0 w-full"> + <span ref={nameRef} class={`${props.nameClass ?? "truncate"} min-w-0`}> {name()} </span> <Show when={badge()} fallback={ <Show when={props.status?.version}> - <span ref={versionRef} class={props.versionClass ?? "text-text-weak text-14-regular truncate"}> + <span + ref={versionRef} + class={`${props.versionClass ?? "text-text-weak text-14-regular truncate"} min-w-0`} + > v{props.status?.version} </span> </Show> |