Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions apps/docs/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -316,6 +316,8 @@ a:focus:not(:focus-visible) {
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}

/* Hide scrollbar for IE, Edge and Firefox */
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/components/api/lang-tabs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ export function LangTabs({
}`}
>
{it.label}
{isActive && <span className="absolute left-0 right-0 bottom-0 h-px bg-primary" />}
{isActive && <span className="absolute left-0 right-0 -bottom-px h-px bg-primary" />}
</button>
);
})}
Expand Down
12 changes: 7 additions & 5 deletions apps/docs/components/mdx/api-client-panel-client.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,15 @@ export function ApiClientPanelClient({
<div className="flex flex-col gap-2">
<div className="rounded-xl border border-glass-border bg-glass overflow-hidden">
{/* Tab bar: scrolls on narrow; copy button pinned right (blur like a code block) */}
<div className="relative border-b border-glass-border">
<div className="overflow-x-auto overflow-y-hidden custom-scrollbar">
{/* border-b lives on the tab row (content), so the active underline and the divider
stay flush even if a horizontal scrollbar reserves space below them */}
<div className="relative">
<div className="overflow-x-auto no-scrollbar">
<LangTabs
items={clients.map((c) => ({ id: c.id, label: c.short ?? c.label }))}
activeId={active?.id}
onSelect={setLang}
className="w-max pl-4 pr-12"
className="w-max min-w-full pl-4 pr-12 border-b border-glass-border"
/>
</div>
{active && (
Expand All @@ -43,8 +45,8 @@ export function ApiClientPanelClient({
</div>
)}
</div>
{/* Active install command */}
<div className="px-4 py-2.5 overflow-x-auto custom-scrollbar">
{/* Active install command (pl-0: .line already has 1rem left padding, aligns with tabs) */}
<div className="py-2.5 pl-0 pr-4 overflow-x-auto custom-scrollbar">
{active && <CodeBlock code={active.install} language={active.lang} />}
</div>
</div>
Expand Down
7 changes: 4 additions & 3 deletions apps/docs/components/mdx/api-intro-notes.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,12 @@ export function ApiIntroNotes() {
<Link href="/" className="text-primary hover:underline">
руководства
</Link>{' '}
с пошаговыми примерами. Чтобы автоматизировать Пачку без кода, используйте{' '}
с пошаговыми примерами. Можно обойтись и без написания кода: соберите интеграции из визуальных
блоков в no-code инструменте{' '}
<Link href="/guides/n8n/overview" className="text-primary hover:underline">
n8n
</Link>{' '}
и визуальные сценарии.
</Link>
.
</p>
);
}
Loading