Merge pull request #42 from beatriceo/front-end
made login/sign up page responsive
This commit is contained in:
commit
2a0f6be43a
|
@ -18,13 +18,13 @@
|
|||
url('https://unsplash.com/photos/jay5BqVyf5A');
|
||||
|
||||
|
||||
|
||||
.login-content {
|
||||
position: relative;
|
||||
top: -10vh;
|
||||
// top: -10vh;
|
||||
padding: 50px;
|
||||
background-color: white;
|
||||
width: 25vw;
|
||||
min-width: 300px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 1px 1px 10px rgba(0,0,0, 0.21);
|
||||
|
||||
|
|
|
@ -72,6 +72,15 @@ input:checked + .slider:before {
|
|||
color: black;
|
||||
}
|
||||
|
||||
.slider.rounded {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.slider.rounded:before {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
.settings {
|
||||
color: white;
|
||||
}
|
||||
|
@ -102,6 +111,10 @@ input:checked + .slider:before {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.center-screen {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -11,11 +11,19 @@
|
|||
<%= f.input :password,
|
||||
required: false,
|
||||
input_html: { autocomplete: "current-password" } %>
|
||||
<%= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %>
|
||||
<div class="flex-inline space-between">
|
||||
<%= f.label :remember_me %>
|
||||
<label class="switch">
|
||||
<%= f.input_field :enable_transcript, as: :boolean if devise_mapping.rememberable? %>
|
||||
<span class="slider rounded"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<%#= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<%= f.button :submit, "Log in", class: "login btn btn-primary" %>
|
||||
<%= f.button :submit, "Log in", class: "login btn btn-primary vertical-margin" %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
|
|
|
@ -3,11 +3,11 @@
|
|||
<% end -%>
|
||||
|
||||
<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
|
||||
<%#= link_to "Sign up", new_registration_path(resource_name) %><!-- <br /> -->
|
||||
<%= link_to "Sign up", new_registration_path(resource_name) %><!-- <br /> -->
|
||||
<% end -%>
|
||||
|
||||
<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
|
||||
<%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
|
||||
<%#= link_to "Forgot your password?", new_password_path(resource_name) %><br />
|
||||
<% end -%>
|
||||
|
||||
<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
|
||||
|
|
Loading…
Reference in New Issue