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

keep shortcuts in instance tab scroll

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-06 22:37:31 +00:00
parent c4a9c032a3
commit 864d665049
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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