Tweak login page styles some more: page title & Remember Me
This commit is contained in:
parent
8de5591719
commit
2673baa7ff
2 changed files with 24 additions and 13 deletions
|
@ -1,8 +1,13 @@
|
||||||
@import "../../partials/clean/constants"
|
@import "../../partials/clean/constants"
|
||||||
|
|
||||||
body.devise-sessions, body.devise-sessions-new
|
body.devise-sessions, body.devise-sessions-new
|
||||||
|
#title
|
||||||
|
text-align: center
|
||||||
|
font-size: 2.5rem
|
||||||
|
|
||||||
.login-options
|
.login-options
|
||||||
display: flex
|
display: flex
|
||||||
|
margin-block: 3em
|
||||||
|
|
||||||
section
|
section
|
||||||
flex: 1 1 0
|
flex: 1 1 0
|
||||||
|
@ -36,18 +41,25 @@ body.devise-sessions, body.devise-sessions-new
|
||||||
margin-bottom: 1em
|
margin-bottom: 1em
|
||||||
|
|
||||||
.field
|
.field
|
||||||
margin-bottom: .5em
|
margin-bottom: .75em
|
||||||
|
|
||||||
.input-field label
|
.input-field label
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
|
|
||||||
.checkbox-field
|
.actions
|
||||||
display: flex
|
display: flex
|
||||||
gap: .25em
|
align-items: center
|
||||||
font-size: 85%
|
gap: .5em
|
||||||
input[type=checkbox]
|
|
||||||
height: 1em
|
.remember-me
|
||||||
width: 1em
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
gap: .25em
|
||||||
|
font-size: 85%
|
||||||
|
|
||||||
|
input[type=checkbox]
|
||||||
|
height: 1em
|
||||||
|
width: 1em
|
||||||
|
|
||||||
.login-links
|
.login-links
|
||||||
font-size: 85%
|
font-size: 85%
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<h2>Log in</h2>
|
<% title "Log into Dress to Impress" %>
|
||||||
|
|
||||||
<div class="login-options">
|
<div class="login-options">
|
||||||
<section class="login-option-password">
|
<section class="login-option-password">
|
||||||
|
@ -14,13 +14,12 @@
|
||||||
<%= f.password_field :password, autocomplete: "current-password" %>
|
<%= f.password_field :password, autocomplete: "current-password" %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="field checkbox-field">
|
|
||||||
<%= f.check_box :remember_me %>
|
|
||||||
<%= f.label :remember_me %>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="actions">
|
<div class="actions">
|
||||||
<%= f.submit "Log in" %>
|
<%= f.submit "Log in" %>
|
||||||
|
<div class="remember-me">
|
||||||
|
<%= f.check_box :remember_me %>
|
||||||
|
<%= f.label :remember_me %>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue