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

Move remote connect button to tab bar edge

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-03 22:12:16 +00:00
parent 97f78bb337
commit 636a19fc50
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,7 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
<div class="tab-bar tab-bar-instance">
<div class="tab-container" role="tablist">
<div class="tab-scroll flex items-center gap-3 overflow-x-auto w-full">
<div class="flex items-center gap-1">
<div class="flex items-center gap-1 flex-1 min-w-0">
<For each={Array.from(props.instances.entries())}>
{([id, instance]) => (
<InstanceTab
@@ -38,6 +38,17 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
>
<Plus class="w-4 h-4" />
</button>
</div>
<div class="flex items-center gap-2 flex-shrink-0 ml-auto">
<Show when={Array.from(props.instances.entries()).length > 1}>
<div>
<KeyboardHint
shortcuts={[keyboardRegistry.get("instance-prev")!, keyboardRegistry.get("instance-next")!].filter(
Boolean,
)}
/>
</div>
</Show>
<Show when={Boolean(props.onOpenRemoteAccess)}>
<button
class="new-tab-button"
@@ -47,19 +58,10 @@ const InstanceTabs: Component<InstanceTabsProps> = (props) => {
>
<Cast class="w-4 h-4" />
</button>
</Show>
</div>
<Show when={Array.from(props.instances.entries()).length > 1}>
<div class="flex-shrink-0 ml-auto pl-4">
<KeyboardHint
shortcuts={[keyboardRegistry.get("instance-prev")!, keyboardRegistry.get("instance-next")!].filter(
Boolean,
)}
/>
</div>
</Show>
</div>
</div>
</div>
)