diff --git a/landing/mobile-nav.css b/landing/mobile-nav.css --- a/landing/mobile-nav.css +++ b/landing/mobile-nav.css @@ -8,7 +8,9 @@ z-index: var(--mobile-nav-z-index); background-color: transparent; padding: 8px 32px 0; - transition: top 500ms, background-color 0ms 500ms; + transition: + top 500ms, + background-color 0ms 500ms; } nav.activeMobileNav { @@ -40,6 +42,7 @@ display: flex; column-gap: 24px; margin-top: 16px; + align-items: center; } div.socialIconsContainer a { diff --git a/landing/mobile-nav.react.js b/landing/mobile-nav.react.js --- a/landing/mobile-nav.react.js +++ b/landing/mobile-nav.react.js @@ -1,6 +1,7 @@ // @flow import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons'; +import { faDownload } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import classNames from 'classnames'; import * as React from 'react'; @@ -26,7 +27,7 @@ [css.activeMobileNav]: showMobileNav, }); - const onClickTab = React.useCallback(() => { + const dismissMobileNav = React.useCallback(() => { setShowMobileNav(false); }, [setShowMobileNav]); @@ -39,7 +40,7 @@ className={navLinkClassName} activeClassName={css.activeTab} > -
+
Keyserver
@@ -51,7 +52,7 @@ className={navLinkClassName} activeClassName={css.activeTab} > -
+
Team
@@ -63,12 +64,20 @@ className={navLinkClassName} activeClassName={css.activeTab} > -
+
Investors
+ + +