Tweak login page styles some more: page title & Remember Me

This commit is contained in:
Emi Matchu 2024-04-11 09:48:29 -07:00
parent 8de5591719
commit 2673baa7ff
2 changed files with 24 additions and 13 deletions

View file

@ -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,15 +41,22 @@ 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
align-items: center
gap: .5em
.remember-me
display: flex
align-items: center
gap: .25em gap: .25em
font-size: 85% font-size: 85%
input[type=checkbox] input[type=checkbox]
height: 1em height: 1em
width: 1em width: 1em

View file

@ -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"> <div class="actions">
<%= f.submit "Log in" %>
<div class="remember-me">
<%= f.check_box :remember_me %> <%= f.check_box :remember_me %>
<%= f.label :remember_me %> <%= f.label :remember_me %>
</div> </div>
<div class="actions">
<%= f.submit "Log in" %>
</div> </div>
<% end %> <% end %>