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"
|
||||
|
||||
body.devise-sessions, body.devise-sessions-new
|
||||
#title
|
||||
text-align: center
|
||||
font-size: 2.5rem
|
||||
|
||||
.login-options
|
||||
display: flex
|
||||
margin-block: 3em
|
||||
|
||||
section
|
||||
flex: 1 1 0
|
||||
|
@ -36,18 +41,25 @@ body.devise-sessions, body.devise-sessions-new
|
|||
margin-bottom: 1em
|
||||
|
||||
.field
|
||||
margin-bottom: .5em
|
||||
margin-bottom: .75em
|
||||
|
||||
.input-field label
|
||||
font-weight: bold
|
||||
|
||||
.checkbox-field
|
||||
.actions
|
||||
display: flex
|
||||
gap: .25em
|
||||
font-size: 85%
|
||||
input[type=checkbox]
|
||||
height: 1em
|
||||
width: 1em
|
||||
align-items: center
|
||||
gap: .5em
|
||||
|
||||
.remember-me
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: .25em
|
||||
font-size: 85%
|
||||
|
||||
input[type=checkbox]
|
||||
height: 1em
|
||||
width: 1em
|
||||
|
||||
.login-links
|
||||
font-size: 85%
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<h2>Log in</h2>
|
||||
<% title "Log into Dress to Impress" %>
|
||||
|
||||
<div class="login-options">
|
||||
<section class="login-option-password">
|
||||
|
@ -14,13 +14,12 @@
|
|||
<%= f.password_field :password, autocomplete: "current-password" %>
|
||||
</div>
|
||||
|
||||
<div class="field checkbox-field">
|
||||
<%= f.check_box :remember_me %>
|
||||
<%= f.label :remember_me %>
|
||||
</div>
|
||||
|
||||
<div class="actions">
|
||||
<%= f.submit "Log in" %>
|
||||
<div class="remember-me">
|
||||
<%= f.check_box :remember_me %>
|
||||
<%= f.label :remember_me %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
|
|
Loading…
Reference in a new issue