diff --git a/docusaurus.config.js b/docusaurus.config.js index 81472162..3be79507 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -117,6 +117,13 @@ const config = { label: 'Github', href: 'https://github.com/waku-org', }, + { + href: 'mailto:team@waku.org', + label: 'Contact', + position: 'right', + className: + 'lsd-button lsd-button--small lsd-button--outlined navbar-lsd-button', + }, ], }, footer: { diff --git a/src/css/custom.scss b/src/css/custom.scss index 5db94a4f..916a7732 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -78,6 +78,20 @@ div:has(.community-container) > .container { margin-top: -40%; } +.navbar-lsd-button { + height: 28px !important; +} + +@media screen and (max-width: 1200px) { + .navbar-lsd-button { + margin-right: 16px; + } +} + +.navbar-lsd-button > div > div { + display: none; +} + @media screen and (min-width: 996px) { .mdx-hero > .mdx-hero-asset video { position: absolute; @@ -100,6 +114,11 @@ div:has(.community-container) > .container { .mdx-hero { margin-bottom: 200px; } + + .navbar-lsd-button { + height: 32px !important; + padding: 6px 24px !important; + } } @media screen and (max-width: 930px) {