71 lines
3.1 KiB
Plaintext
71 lines
3.1 KiB
Plaintext
<div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
|
|
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
|
<h2 class="text-center text-3xl font-extrabold text-gray-900">
|
|
Sign in to your account
|
|
</h2>
|
|
<p class="mt-2 text-center text-sm text-gray-600">
|
|
Or
|
|
<%= link_to "sign up for an account", sign_up_path, class: "font-medium text-indigo-600 hover:text-indigo-500" %>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
|
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
|
|
<%= form_with url: login_path, scope: :user, class: "space-y-6" do |form| %>
|
|
<div>
|
|
<%= form.label :email, class: "block text-sm font-medium text-gray-700" do %>
|
|
Email address
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.text_field :email, required: true, autocomplete: "email", class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.label :password, class: "block text-sm font-medium text-gray-700" do %>
|
|
Password
|
|
<% end %>
|
|
<div class="mt-1">
|
|
<%= form.password_field :password, required: true, autocomplete: "password", class: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<%= form.check_box :remember_me, class: "h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded" %>
|
|
<%= form.label :remember_me, class: "ml-2 block text-sm text-gray-900" do %>
|
|
Remember me
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit "Sign In", class: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
|
|
</div>
|
|
<% end %>
|
|
<div class="mt-6">
|
|
<div class="relative">
|
|
<div class="absolute inset-0 flex items-center">
|
|
<div class="w-full border-t border-gray-300"></div>
|
|
</div>
|
|
<div class="relative flex justify-center text-sm">
|
|
<span class="px-2 bg-white text-gray-500">
|
|
Something wrong?
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="mt-2 text-sm">
|
|
<%= link_to "I forgot my password!", new_password_path, class: "font-medium text-indigo-600 hover:text-indigo-500" %>
|
|
</div>
|
|
<div class="mt-2 text-sm">
|
|
<%= link_to "I didn't receive confirmation instructions!", new_confirmation_path, class: "font-medium text-indigo-600 hover:text-indigo-500" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|