salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align instance tab accessories to right

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-06 22:38:43 +00:00
parent 864d665049
commit 1fbf51b7ae
2 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
packages/ui/src/components/instance-tabs.tsx
View File

@@ -20,24 +20,27 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
<div class="tab-container" role="tablist">
<div class="tab-scroll">
<div class="tab-strip">
<For each={Array.from(props.instances.entries())}>
{([id, instance]) => (
<InstanceTab
instance={instance}
active={id === props.activeInstanceId}
onSelect={() => props.onSelect(id)}
onClose={() => props.onClose(id)}
/>
)}
</For>
<button
class="new-tab-button"
onClick={props.onNew}
title="New instance (Cmd/Ctrl+N)"
aria-label="New instance"
>
<Plus class="w-4 h-4" />
</button>
<div class="tab-strip-tabs">
<For each={Array.from(props.instances.entries())}>
{([id, instance]) => (
<InstanceTab
instance={instance}
active={id === props.activeInstanceId}
onSelect={() => props.onSelect(id)}
onClose={() => props.onClose(id)}
/>
)}
</For>
<button
class="new-tab-button"
onClick={props.onNew}
title="New instance (Cmd/Ctrl+N)"
aria-label="New instance"
>
<Plus class="w-4 h-4" />
</button>
</div>
<div class="tab-strip-spacer" />
<Show when={Array.from(props.instances.entries()).length > 1}>
<div class="tab-shortcuts">
<KeyboardHint
@@ -49,7 +52,7 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
</Show>
<Show when={Boolean(props.onOpenRemoteAccess)}>
<button
class="new-tab-button"
class="new-tab-button tab-remote-button"
onClick={() => props.onOpenRemoteAccess?.()}
title="Remote connect"
aria-label="Remote connect"