Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GH-2207: Onboarding - Success Screen #638

Merged
merged 6 commits into from Dec 3, 2020
Merged
Changes from 1 commit
Commits
File filter
Filter file types
Jump to
Jump to file
Failed to load files.

Always

Just for now

Add image and adjust spacing

  • Loading branch information
benstrumeyer committed Dec 3, 2020
commit 9939e524292f41c2e81bdd4ca04062f631dc9f23
@@ -22,7 +22,7 @@ const BrowserSuccessView = () => (
<div className="BrowserSuccessView__container">
<div className="BrowserSuccessView__title">{t('hub_browser_yay_youre_all_set')}</div>
<div className="BrowserSuccessView__subtitle">{`${t('hub_browser_start_browsing_the_web_with')} Ghostery`}</div>
<img className="BrowserSuccessView__rocketShip" src="/app/images/hub/welcome/rocketShip.png" />
<img className="BrowserSuccessView__ghosterySuite" src="/app/images/hub/success/ghostery-suite.png" />
<button className="BrowserSuccessView__ctaButton" type="button">{t('hub_browser_lets_search')}</button>
</div>
);
@@ -13,23 +13,23 @@
}

.BrowserSuccessView__subtitle {
margin-bottom: 20px;
margin-bottom: 47px;
width: 392px;
font-size: 18px;
line-height: 2.33;
text-align: center;
}

.BrowserSuccessView__rocketShip {
margin-bottom: 84px;
height: 330px;
.BrowserSuccessView__ghosterySuite {
margin-bottom: 77px;
height: 298px;
width: 545px;
}

.BrowserSuccessView__ctaButton {
display: flex;
justify-content: center;
margin: 48px auto 0 auto;
margin: auto;
height: 44px;
width: 162px;
padding: 7.7px 14px;
Binary file not shown.
ProTip! Use n and p to navigate between commits in a pull request.