diff --git a/apps/docs/app/globals.css b/apps/docs/app/globals.css index ef3d8ef7..9d05b609 100644 --- a/apps/docs/app/globals.css +++ b/apps/docs/app/globals.css @@ -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 */ diff --git a/apps/docs/components/api/lang-tabs.tsx b/apps/docs/components/api/lang-tabs.tsx index 41b4fcb9..bac73f10 100644 --- a/apps/docs/components/api/lang-tabs.tsx +++ b/apps/docs/components/api/lang-tabs.tsx @@ -38,7 +38,7 @@ export function LangTabs({ }`} > {it.label} - {isActive && } + {isActive && } ); })} diff --git a/apps/docs/components/mdx/api-client-panel-client.tsx b/apps/docs/components/mdx/api-client-panel-client.tsx index 25ba080c..587c1fa1 100644 --- a/apps/docs/components/mdx/api-client-panel-client.tsx +++ b/apps/docs/components/mdx/api-client-panel-client.tsx @@ -28,13 +28,15 @@ export function ApiClientPanelClient({
{/* Tab bar: scrolls on narrow; copy button pinned right (blur like a code block) */} -
-
+ {/* 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 */} +
+
({ 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" />
{active && ( @@ -43,8 +45,8 @@ export function ApiClientPanelClient({
)}
- {/* Active install command */} -
+ {/* Active install command (pl-0: .line already has 1rem left padding, aligns with tabs) */} +
{active && }
diff --git a/apps/docs/components/mdx/api-intro-notes.tsx b/apps/docs/components/mdx/api-intro-notes.tsx index 7554abe7..671b1ad6 100644 --- a/apps/docs/components/mdx/api-intro-notes.tsx +++ b/apps/docs/components/mdx/api-intro-notes.tsx @@ -12,11 +12,12 @@ export function ApiIntroNotes() { руководства {' '} - с пошаговыми примерами. Чтобы автоматизировать Пачку без кода, используйте{' '} + с пошаговыми примерами. Можно обойтись и без написания кода: соберите интеграции из визуальных + блоков в no-code инструменте{' '} n8n - {' '} - и визуальные сценарии. + + .

); }