Skip to content

Commit 44b2e5d

Browse files
mkhairimkhairi
committed
center login form
1 parent 5ba125b commit 44b2e5d

File tree

6 files changed

+80
-83
lines changed

6 files changed

+80
-83
lines changed

‎app/assets/stylesheets/devise.scss‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
.login-form {
2-
margin: auto !important;
2+
margin-left: auto !important;
3+
margin-right: auto !important;
4+
display: flex;
5+
justify-content: center;
36

47
.card {
58
max-width: 500px;

‎app/views/layouts/login.html.slim‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,6 @@ html
1919
margin-bottom: 1rem;
2020
}
2121

22-
23-
2422
body class="#{@color}"
2523
main style="padding-top: 4rem"
2624
section#login

‎app/views/users/confirmations/new.html.slim‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,18 @@
1-
.row.login-form
2-
.col.s12
3-
.card.hoverable
4-
.card-content
5-
span.card-title.center
6-
| Resend Confirmation Instructions
7-
.divider
8-
= simple_form_for resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post } do |f|
9-
- if devise_error_messages? || alert
10-
.form-errors.red.lighten-1
11-
= devise_error_messages!
12-
= alert
13-
.form-inputs.row
14-
= f.input :email, autofocus: true, required: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email)
15-
.form-actions.center
16-
= f.button :submit, "Resend Confirmation Instructions"
17-
.card-action
18-
.devise-links
19-
= render "users/shared/links"
1+
.login-form
2+
.card.hoverable
3+
.card-content
4+
span.card-title.center
5+
| Resend Confirmation Instructions
6+
.divider
7+
= simple_form_for resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post } do |f|
8+
- if devise_error_messages? || alert
9+
.form-errors.red.lighten-1
10+
= devise_error_messages!
11+
= alert
12+
.form-inputs.row
13+
= f.input :email, autofocus: true, required: true, value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email)
14+
.form-actions.center
15+
= f.button :submit, "Resend Confirmation Instructions"
16+
.card-action
17+
.devise-links
18+
= render "users/shared/links"

‎app/views/users/passwords/new.html.slim‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,18 @@
1-
.row.login-form
2-
.col.s12
3-
.card.hoverable
4-
.card-content
5-
span.card-title.center Forgot your Password?
6-
.divider
7-
= simple_form_for resource, as: resource_name, url: password_path(resource_name), html: { method: :post } do |f|
8-
- if devise_error_messages? || alert
9-
.form-errors.red.lighten-1
10-
= devise_error_messages!
11-
= alert
12-
.form-inputs.row
13-
= f.input :email, autofocus: true, required: true
14-
.form-actions.center
15-
= f.button :submit, "Send Me Reset Instructions"
16-
.card-action
17-
.devise-links
18-
= render "users/shared/links"
19-
1+
.login-form
2+
.card.hoverable
3+
.card-content
4+
span.card-title.center Forgot your Password?
5+
.divider
6+
= simple_form_for resource, as: resource_name, url: password_path(resource_name), html: { method: :post } do |f|
7+
- if devise_error_messages? || alert
8+
.form-errors.red.lighten-1
9+
= devise_error_messages!
10+
= alert
11+
.form-inputs.row
12+
= f.input :email, autofocus: true, required: true
13+
.form-actions.center
14+
= f.button :submit, "Send Me Reset Instructions"
15+
.card-action
16+
.devise-links
17+
= render "users/shared/links"
18+

‎app/views/users/registrations/new.html.slim‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,20 @@
1-
.row.login-form
2-
.col.s12
3-
.card.hoverable
4-
.card-content
5-
span.card-title.center Sign Up
6-
.divider
7-
= simple_form_for resource, as: resource_name, url: registration_path(resource_name) do |f|
8-
- if devise_error_messages? || alert
9-
.form-errors.red.lighten-1
10-
= devise_error_messages!
11-
= alert
12-
.form-inputs.row
13-
= f.input :email, autofocus: true, required: true
14-
= f.input :password, autocomplete: "off", required: true, icon: "lock", label_html: { data: { hint: "#{@minimum_password_length} Characters Minimum" } }
15-
= f.input :password_confirmation, autocomplete: "off", required: true, icon: "lock"
16-
.form-actions.center
17-
= f.button :submit, "Sign Up"
18-
.card-action
19-
.devise-links
20-
= render "users/shared/links"
21-
1+
.login-form
2+
.card.hoverable
3+
.card-content
4+
span.card-title.center Sign Up
5+
.divider
6+
= simple_form_for resource, as: resource_name, url: registration_path(resource_name) do |f|
7+
- if devise_error_messages? || alert
8+
.form-errors.red.lighten-1
9+
= devise_error_messages!
10+
= alert
11+
.form-inputs.row
12+
= f.input :email, autofocus: true, required: true
13+
= f.input :password, autocomplete: "off", required: true, icon: "lock", label_html: { data: { hint: "#{@minimum_password_length} Characters Minimum" } }
14+
= f.input :password_confirmation, autocomplete: "off", required: true, icon: "lock"
15+
.form-actions.center
16+
= f.button :submit, "Sign Up"
17+
.card-action
18+
.devise-links
19+
= render "users/shared/links"
20+

‎app/views/users/sessions/new.html.slim‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,20 @@
1-
.row.login-form
2-
.col.s12
3-
.card.hoverable
4-
.card-content
5-
span.card-title.center Log In
6-
.divider
7-
= simple_form_for resource, as: resource_name, url: session_path(resource_name) do |f|
8-
- if devise_error_messages? || alert
9-
.form-errors.red.lighten-1
10-
= devise_error_messages!
11-
= alert
12-
.form-inputs.row
13-
= f.input :email, required: true, autofocus: true
14-
= f.input :password, required: true, autocomplete: "off", icon: "lock", hint: false
15-
= f.input :remember_me, as: :boolean if devise_mapping.rememberable?
16-
.form-actions.center
17-
= f.button :submit, "Log In"
18-
.card-action
19-
.devise-links
20-
= render "users/shared/links"
21-
1+
.login-form
2+
.card.hoverable
3+
.card-content
4+
span.card-title.center Log In
5+
.divider
6+
= simple_form_for resource, as: resource_name, url: session_path(resource_name) do |f|
7+
- if devise_error_messages? || alert
8+
.form-errors.red.lighten-1
9+
= devise_error_messages!
10+
= alert
11+
.form-inputs.row
12+
= f.input :email, required: true, autofocus: true
13+
= f.input :password, required: true, autocomplete: "off", icon: "lock", hint: false
14+
= f.input :remember_me, as: :boolean if devise_mapping.rememberable?
15+
.form-actions.center
16+
= f.button :submit, "Log In"
17+
.card-action
18+
.devise-links
19+
= render "users/shared/links"
20+

0 commit comments

Comments
 (0)