diff --git a/astro.config.mjs b/astro.config.mjs index 08bace4..43e7aa5 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -242,13 +242,20 @@ export default defineConfig({ { label: 'Install and connect', slug: 'selive/getting-started' }, ] }, { label: 'Guides', items: [ - { label: 'YouTube quickstart', slug: 'selive/guides/youtube-quickstart', badge: { text: '5 parts', variant: 'note' } }, + { label: 'YouTube quickstart', collapsed: true, items: [ + { label: 'Overview', slug: 'selive/guides/youtube-quickstart' }, + { slug: 'selive/guides/youtube-quickstart/create-your-account' }, + { slug: 'selive/guides/youtube-quickstart/dashboard-tour' }, + { slug: 'selive/guides/youtube-quickstart/build-your-overlay' }, + { slug: 'selive/guides/youtube-quickstart/connect-obs-and-go-live' }, + { slug: 'selive/guides/youtube-quickstart/set-up-your-chatbot' }, + ] }, { label: 'Add overlays and alerts', slug: 'selive/guides/overlays-and-alerts' }, { label: 'Create a vertical canvas', slug: 'selive/guides/canvas' }, { label: 'Manage scenes and sources', slug: 'selive/guides/scenes-and-sources' }, { label: 'Set up multistreaming', slug: 'selive/guides/multistreaming' }, { label: 'Twitch dual format', slug: 'selive/guides/twitch-dual-format' }, - { label: 'YouTube dual stream', slug: 'selive/guides/youtube-dual-stream', badge: { text: 'Beta', variant: 'caution' } }, + { label: 'YouTube dual stream', slug: 'selive/guides/youtube-dual-stream', badge: { text: 'Beta', variant: 'default' } }, { label: 'Save replays with Backtrack', slug: 'selive/guides/backtrack' }, { label: 'YouTube setup', slug: 'selive/guides/youtube-setup' }, { label: 'All guides', slug: 'selive/guides' }, diff --git a/src/styles/custom.css b/src/styles/custom.css index da52c86..3b7df34 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -293,3 +293,17 @@ } .hero .actions a { justify-content: center; } } + +/* "Beta" sidebar badge: matches the Beta badge in @frontend/ui (purple + translucent pill, 12px/500 text; same values in light and dark). */ +.sidebar-content .sl-badge.default { + --se-beta: rgb(123 62 254); + background-color: color-mix(in srgb, var(--se-beta) 16%, transparent); + border: 0; + border-radius: 8px; + color: var(--se-beta); + font-size: 12px; + font-weight: 500; + line-height: 16px; + padding: 0 6px; +}