Download as
Browse Code »

Commit 9ffd2d7079281916ecd1a3c366491c852b19ffbc

Authored by Dylan Guedes
1 parent 007b2c4e
Exists in signup_page

Adjusts the style of the component according with its prototype 

Signed-off-by: DylanGuedes <djmgguedes@gmail.com>
Signed-off-by: Omar Junior <omarroinuj@gmail.com>
Signed-off-by: Sabryna Sousa <sabryna.sousa1323@gmail.com>
Showing 2 changed files with 60 additions and 14 deletions   Show diff stats
src/app/account/register-component.html
  Diff comments   View file @9ffd2d7
1 <div class="register-page"> 1 <div class="register-page">
2 - <h1>Ótimo ter você aqui!</h1>  
3 - <p>  
4 - "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."  
5 - "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."  
6 - </p>  
7 - <p>Saiba mais <a href="#">informações</a></p> 2 + <div class="welcome-message">
  3 + <h1>Ótimo ter você aqui!</h1>
  4 + <p>
  5 + "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
  6 + "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
  7 + </p>
  8 + <p>Saiba mais <a href="#">informações</a></p>
  9 + </div>
8 <form> 10 <form>
9 <div class="row"> 11 <div class="row">
10 - <div class="col-md-6"> 12 + <div class="col-md-6 register-field">
11 <label for="name">First Name</label> 13 <label for="name">First Name</label>
12 <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name"> 14 <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
13 </div> 15 </div>
14 16
15 - <div class="col-md-6"> 17 + <div class="col-md-6 register-field">
16 <label for="lastName">Last Name</label> 18 <label for="lastName">Last Name</label>
17 <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName"> 19 <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
18 </div> 20 </div>
19 21
20 - <div class="col-md-12"> 22 + <div class="col-md-12 register-field">
21 <label for="login">Username</label> 23 <label for="login">Username</label>
22 <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login"> 24 <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
  25 + <p class="light-text">ex: ola.coop.br/joaosilva</p>
23 </div> 26 </div>
24 27
25 - <div class="col-md-12"> 28 + <div class="col-md-12 register-field">
26 <label for="email">Email</label> 29 <label for="email">Email</label>
27 <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email"> 30 <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
28 </div> 31 </div>
29 32
30 - <div class="col-md-6"> 33 + <div class="col-md-6 register-field">
31 <label for="password">Password</label> 34 <label for="password">Password</label>
32 <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password"> 35 <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
33 </div> 36 </div>
34 37
35 - <div class="col-md-6"> 38 + <div class="col-md-6 register-field">
36 <label for="password-confirmation">Password Confirmation</label> 39 <label for="password-confirmation">Password Confirmation</label>
37 <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation"> 40 <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
38 </div> 41 </div>
39 - </div>  
40 42
41 - <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button> 43 + <div class="col-md-12">
  44 + <p class="terms-info">Ao criar uma conta, você está concordando com os <a href="#">termos de uso</a>.</p>
  45 + </div>
  46 +
  47 + <div class="col-md-12">
  48 + <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
  49 + </div>
  50 +
  51 + </div>
42 </form> 52 </form>
  53 +
  54 + <p class="already-registered-message">Já possui uma conta?</p>
  55 +
43 </div> 56 </div>
src/app/account/scss/register-component.scss 0 → 100644
  Diff comments   View file @9ffd2d7
@@ -0,0 +1,33 @@ @@ -0,0 +1,33 @@
  1 +.register-page button {
  2 + width: 100%;
  3 + text-transform: uppercase;
  4 +}
  5 +
  6 +.register-page .light-text {
  7 + color: #BBB;
  8 + margin-top: 0px;
  9 + margin-bottom: 0px;
  10 + font-weight: 600;
  11 +}
  12 +
  13 +.register-page .terms-info {
  14 + margin-top: 30px;
  15 + margin-bottom: 30px;
  16 +}
  17 +
  18 +.register-page .welcome-message {
  19 + text-align: center;
  20 +}
  21 +
  22 +.register-page .already-registered-message {
  23 + margin-top: 60px;
  24 + text-align: center;
  25 +}
  26 +
  27 +.register-page input {
  28 + height: 40px;
  29 +}
  30 +
  31 +.register-page .register-field {
  32 + margin-bottom: 25px;
  33 +}