diff --git a/src/components/DocLeadingPage/DocLeadingPage.scss b/src/components/DocLeadingPage/DocLeadingPage.scss index bbbc09fc..6cf56050 100644 --- a/src/components/DocLeadingPage/DocLeadingPage.scss +++ b/src/components/DocLeadingPage/DocLeadingPage.scss @@ -42,7 +42,7 @@ &_root { flex-direction: row; margin-top: 70px; - margin-bottom: -20px; + margin-bottom: -$blockMarginBottomLarge; } } @@ -57,7 +57,7 @@ max-width: 400px; width: calc(50% - 20px); padding-bottom: 40px; - margin-bottom: 20px; + margin-bottom: $blockMarginBottomLarge; border-bottom: 1px solid var(--yc-color-line-generic); } } diff --git a/src/components/DocLeadingPage/DocLeadingPage.tsx b/src/components/DocLeadingPage/DocLeadingPage.tsx index 86d0169e..e957b906 100644 --- a/src/components/DocLeadingPage/DocLeadingPage.tsx +++ b/src/components/DocLeadingPage/DocLeadingPage.tsx @@ -46,13 +46,19 @@ const renderLeft = (data: DocLeadingLinks, isRoot?: boolean) => { const renderRight = (data: DocLeadingLinks, isRoot?: boolean) => { const {title, description, href, links} = data; + let titleContent; - let titleContent = href - ? {title} - : title; - titleContent = isRoot - ?