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 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 10 <form>
9 11 <div class="row">
10   - <div class="col-md-6">
  12 + <div class="col-md-6 register-field">
11 13 <label for="name">First Name</label>
12 14 <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
13 15 </div>
14 16  
15   - <div class="col-md-6">
  17 + <div class="col-md-6 register-field">
16 18 <label for="lastName">Last Name</label>
17 19 <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
18 20 </div>
19 21  
20   - <div class="col-md-12">
  22 + <div class="col-md-12 register-field">
21 23 <label for="login">Username</label>
22 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 26 </div>
24 27  
25   - <div class="col-md-12">
  28 + <div class="col-md-12 register-field">
26 29 <label for="email">Email</label>
27 30 <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
28 31 </div>
29 32  
30   - <div class="col-md-6">
  33 + <div class="col-md-6 register-field">
31 34 <label for="password">Password</label>
32 35 <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
33 36 </div>
34 37  
35   - <div class="col-md-6">
  38 + <div class="col-md-6 register-field">
36 39 <label for="password-confirmation">Password Confirmation</label>
37 40 <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
38 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 52 </form>
  53 +
  54 + <p class="already-registered-message">Já possui uma conta?</p>
  55 +
43 56 </div>
... ...
src/app/account/scss/register-component.scss 0 → 100644
  Diff comments   View file @9ffd2d7
... ... @@ -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 +}
... ...