Skip to content

Commit 8bf590c

Browse files
andresdjassoclaude
andcommitted
style(integrations): sidebar toggle in the tabs header — no chat switcher
The Integrations/Skills header gets the canonical 44px bar with the sidebar toggle at the standard 7px edge spot. The chat switcher stays off this page; the tab chips keep their original 8.5px vertical inset. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent 34ba9e7 commit 8bf590c

1 file changed

Lines changed: 10 additions & 5 deletions

File tree

apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/integration-tabs-header.tsx

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import type { ReactNode } from 'react'
22
import { ChipLink } from '@/components/emcn'
3+
import { ChatSwitcher } from '@/app/workspace/[workspaceId]/components/chat-switcher'
34
import { SidebarToggle } from '@/app/workspace/[workspaceId]/components/sidebar-toggle'
45

56
interface IntegrationTabsHeaderProps {
@@ -20,11 +21,15 @@ export function IntegrationTabsHeader({
2021
}: IntegrationTabsHeaderProps) {
2122
return (
2223
<div className='flex h-[44px] flex-shrink-0 items-center bg-[var(--bg)] px-4'>
23-
{/* The sidebar toggle matches ResourceHeader's 9px pull-out inside the
24-
canonical 44px bar, landing on the same 7px edge spot as every other
25-
page. The 44px bar keeps the 27px chips at the same 8.5px inset the
26-
old padding produced. */}
27-
<SidebarToggle className='-ml-[9px] mr-2' />
24+
{/* Chrome controls match ResourceHeader's toggle+switcher cluster (9px
25+
pull-out, gap-1 rhythm) inside the canonical 44px bar, so the pair
26+
lands on the same 7px/7px spot as every other page and never shifts
27+
during navigation. The 44px bar keeps the 27px chips at the same
28+
8.5px inset the old padding produced. */}
29+
<div className='mr-2 flex flex-shrink-0 items-center gap-1'>
30+
<SidebarToggle className='-ml-[9px]' />
31+
<ChatSwitcher iconOnly />
32+
</div>
2833
<ChipLink href={`/workspace/${workspaceId}/integrations`} active={active === 'integrations'}>
2934
Integrations
3035
</ChipLink>

0 commit comments

Comments
 (0)