|
1 | | -<h2>Sign up</h2> |
2 | | - |
3 | | -<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> |
4 | | - <%= render "devise/shared/error_messages", resource: resource %> |
5 | | - |
6 | | - <div class="field"> |
7 | | - <%= f.label :email %><br /> |
8 | | - <%= f.email_field :email, autofocus: true, autocomplete: "email" %> |
| 1 | +<div class="container-fluid"> |
| 2 | + <div class="row"> |
| 3 | + <div class="col"> |
| 4 | + <h1 class="mb-4">Sign up</h1> |
| 5 | + </div> |
9 | 6 | </div> |
| 7 | + <div class="row"> |
| 8 | + <div class="col-sm-12 col-md-7 col-lg-6"> |
| 9 | + <div class="card"> |
| 10 | + <div class="card-body"> |
| 11 | + <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> |
| 12 | + <%= render "devise/shared/error_messages", resource: resource %> |
10 | 13 |
|
11 | | - <div class="field"> |
12 | | - <%= f.label :password %> |
13 | | - <% if @minimum_password_length %> |
14 | | - <em>(<%= @minimum_password_length %> characters minimum)</em> |
15 | | - <% end %><br /> |
16 | | - <%= f.password_field :password, autocomplete: "new-password" %> |
17 | | - </div> |
| 14 | + <div class="mb-4"> |
| 15 | + <%= f.label :email, class: "form-label" %> |
| 16 | + <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control" %> |
| 17 | + </div> |
18 | 18 |
|
19 | | - <div class="field"> |
20 | | - <%= f.label :password_confirmation %><br /> |
21 | | - <%= f.password_field :password_confirmation, autocomplete: "new-password" %> |
22 | | - </div> |
| 19 | + <div class="mb-4"> |
| 20 | + <%= f.label :password, class: "form-label" %> |
| 21 | + <% if @minimum_password_length %> |
| 22 | + <em>(<%= @minimum_password_length %> characters minimum)</em> |
| 23 | + <% end %> |
| 24 | + <%= f.password_field :password, autocomplete: "new-password", class: "form-control" %> |
| 25 | + </div> |
| 26 | + |
| 27 | + <div class="mb-4"> |
| 28 | + <%= f.label :password_confirmation, class: "form-label" %> |
| 29 | + <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "form-control" %> |
| 30 | + </div> |
23 | 31 |
|
24 | | - <div class="actions"> |
25 | | - <%= f.submit "Sign up" %> |
| 32 | + <%= link_to 'Log In', new_user_session_path, class: 'btn btn-primary' %> |
| 33 | + <div class="float-end"> |
| 34 | + <%= f.submit "Sign up", class: "btn btn-primary" %> |
| 35 | + </div> |
| 36 | + <% end %> |
| 37 | + </div> |
| 38 | + </div> |
| 39 | + </div> |
| 40 | + <div class="col-sm-12 col-md-5 col-lg-6"> |
| 41 | + </div> |
26 | 42 | </div> |
27 | | -<% end %> |
| 43 | +</div> |
28 | 44 |
|
29 | 45 | <%= render "devise/shared/links" %> |
0 commit comments