diff --git a/src/pages/_root.css b/src/pages/_root.css index 1f9e695e..4cecf462 100644 --- a/src/pages/_root.css +++ b/src/pages/_root.css @@ -247,6 +247,22 @@ a[class*="rounded-md"][class*="border"]:hover { text-decoration: none !important; } +[data-v-sidebar] a[data-v-sidebar-item][href="/payment-methods/custom"]::after { + content: "new"; + display: inline-flex; + align-items: center; + margin-left: 0.4rem; + border-radius: 999px; + background: light-dark(#dbeafe, #1e3a8a); + color: light-dark(#1d4ed8, #bfdbfe); + font-size: 0.625rem; + font-weight: 600; + line-height: 1; + padding: 0.125rem 0.35rem; + text-transform: uppercase; + vertical-align: middle; +} + /* Active sidebar item — avoid font-weight change to prevent text reflow/shake */ a[data-v-sidebar-item][data-active="true"], a[data-v-sidebar-item][data-active="true"]:link, diff --git a/vocs.config.ts b/vocs.config.ts index 45542d1b..c48b2349 100644 --- a/vocs.config.ts +++ b/vocs.config.ts @@ -288,23 +288,6 @@ export default defineConfig({ { text: "Use with your app", link: "/quickstart/client" }, ], }, - { - text: "Partner Integrations", - items: [ - { - text: "Cloudflare Agents", - link: "/partner-integrations/cloudflare-agents", - }, - { - text: "Official MCP SDK", - link: "/partner-integrations/mcp-sdk", - }, - { - text: "Vercel AI SDK", - link: "/partner-integrations/vercel-ai-sdk", - }, - ], - }, { text: "Guides", items: [ @@ -382,6 +365,23 @@ export default defineConfig({ }, ], }, + { + text: "Partner Integrations", + items: [ + { + text: "Cloudflare Agents", + link: "/partner-integrations/cloudflare-agents", + }, + { + text: "Official MCP SDK", + link: "/partner-integrations/mcp-sdk", + }, + { + text: "Vercel AI SDK", + link: "/partner-integrations/vercel-ai-sdk", + }, + ], + }, { text: "Advanced Features",