diff --git a/packages/docusaurus-playground/src/pages/index.mdx b/packages/docusaurus-playground/src/pages/index.mdx index 813c9a7..3a702a2 100644 --- a/packages/docusaurus-playground/src/pages/index.mdx +++ b/packages/docusaurus-playground/src/pages/index.mdx @@ -152,16 +152,22 @@ import * as challengesData from '/generated/challenges.json' title: 'Simple setup', description: 'Run integrated Nimbus Beacon Node and Validator Client together.', + href: 'https://nimbus.guide/quick-start.html', + target: '_blank', }, { title: 'Beacon setup', description: 'Use Nimbus Beacon Node with an alternative validator client.', + href: 'https://nimbus.guide/quick-start.html', + target: '_blank', }, { title: 'Validator setup', description: 'Use Nimbus Validator Client with an alternative Beacon Node', + href: 'https://nimbus.guide/quick-start.html', + target: '_blank', }, ]} label="Get Nimbus" @@ -430,7 +436,7 @@ import * as challengesData from '/generated/challenges.json' - + .mdx-cta-section__item-title { + > a > .mdx-cta-section__item-title { margin-top: 1.5rem; padding: 3px 11px; display: flex; @@ -177,6 +181,10 @@ border: 1px solid rgb(var(--lsd-border-primary)); } + & > a { + text-decoration: none; + } + & > .mdx-cta-section__item-description { margin-top: 1rem; } diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx index 047bb42..e1085c0 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx @@ -64,6 +64,10 @@ export type CallToActionSectionProps = Omit< * The URL to link to when the button is clicked */ href?: string + /** + * The target attribute for the link e.g., `_self`, `_blank` + */ + target?: React.AnchorHTMLAttributes['target'] }[] } @@ -188,14 +192,20 @@ export const CallToActionSection: React.FC = ({ {list.map((option, index) => { const content = (
- - {option.title} - - + + {option.title} + + +