diff options
| author | Anike Arni <aarni@thoughtworks.com> | 2017-02-02 18:12:09 -0200 |
|---|---|---|
| committer | Anike Arni <aarni@thoughtworks.com> | 2017-02-03 14:14:29 -0200 |
| commit | 16ce2be7e2a7496cedfe74bf27c72878941072cf (patch) | |
| tree | 65f6ea2e0987ca9c2af8cdca17da0cca28e73bfd | |
| parent | 05336b1912dd81be6a37df47cac7ce0c046e2401 (diff) | |
[#922] Creates container in backup account page
with @tayanefernandes
| -rw-r--r-- | web-ui/app/images/forgot-my-password.svg (renamed from web-ui/app/images/forgot my password.svg) | 0 | ||||
| -rw-r--r-- | web-ui/app/js/account_recovery/page.js | 4 | ||||
| -rw-r--r-- | web-ui/app/scss/account_recovery/page.scss | 20 | ||||
| -rw-r--r-- | web-ui/config/copy-webpack.js | 1 |
4 files changed, 24 insertions, 1 deletions
diff --git a/web-ui/app/images/forgot my password.svg b/web-ui/app/images/forgot-my-password.svg index 6dc329e7..6dc329e7 100644 --- a/web-ui/app/images/forgot my password.svg +++ b/web-ui/app/images/forgot-my-password.svg diff --git a/web-ui/app/js/account_recovery/page.js b/web-ui/app/js/account_recovery/page.js index c0d58e06..a6be0c6e 100644 --- a/web-ui/app/js/account_recovery/page.js +++ b/web-ui/app/js/account_recovery/page.js @@ -3,7 +3,9 @@ import React from 'react' import 'scss/account_recovery/page.scss' const Page = () => ( - <div> + <div className="container"> + <img src="assets/images/forgot-my-password.svg" /> + <h1>E se você esquecer sua senha?</h1> </div> ); diff --git a/web-ui/app/scss/account_recovery/page.scss b/web-ui/app/scss/account_recovery/page.scss index b3b6b1c2..b6a4c024 100644 --- a/web-ui/app/scss/account_recovery/page.scss +++ b/web-ui/app/scss/account_recovery/page.scss @@ -1,11 +1,31 @@ @import "../vendor/reset"; @import "../base/colors"; +@import "../base/fonts"; @import "../base/scaffolding"; body { + font-family: "Open Sans", "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "Helvetica Neue", Arial, sans-serif; background: $dark_blue; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, $dark_blue, $middle_blue); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, $dark_blue, $middle_blue); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, $dark_blue, $middle_blue); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, $dark_blue, $middle_blue); /* Standard syntax */ } + +h1 { + font-size: 4em; + color: $dark_slate_gray; +} + +.container { + background: $white; + width: 90%; + margin: 2% auto; + padding: 3%; + + img { + display: block; + width: 50%; + margin: 0 auto; + } +} diff --git a/web-ui/config/copy-webpack.js b/web-ui/config/copy-webpack.js index 1d2d11c1..a2567be6 100644 --- a/web-ui/config/copy-webpack.js +++ b/web-ui/config/copy-webpack.js @@ -8,6 +8,7 @@ module.exports = new CopyWebpackPlugin([ { context: 'app/', from: 'css/*' }, { context: 'app/', from: 'fonts/*' }, { context: 'app/', from: 'locales/**/*' }, + { context: 'app/', from: 'images/**/*' }, { context: 'app/', from: 'bower_components/font-awesome/fonts/*' }, { context: 'app/', |
