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"
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%

View File

@ -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 %>