2022-12-20 20:02:36 +01:00
|
|
|
.flex.justify-center
|
2023-01-20 08:39:26 +01:00
|
|
|
.w-full.max-w-xs.md:max-w-md
|
2022-12-20 20:02:36 +01:00
|
|
|
%h1.font-hairline.mb-6.text-center Log In
|
2022-12-21 17:04:09 +01:00
|
|
|
= form_for(resource, url: session_path(resource_name),
|
|
|
|
|
html: { class: "bg-white mb-4 px-8 pt-6 pb-8 rounded shadow-md" },
|
|
|
|
|
as: resource_name ) do |f|
|
2022-12-20 20:46:58 +01:00
|
|
|
= render "devise/shared/error_messages", resource: resource
|
2022-12-20 20:02:36 +01:00
|
|
|
.mb-4
|
|
|
|
|
= f.label :email, class: "block text-gray-700 text-sm font-bold mb-2"
|
2022-12-21 17:04:09 +01:00
|
|
|
= f.email_field :email, autofocus: true, autocomplete: "email",
|
|
|
|
|
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight foucs:outline-none focus:shadow-outline"
|
2022-12-20 20:02:36 +01:00
|
|
|
.mb-4
|
|
|
|
|
= f.label :password, class: "block text-gray-700 text-sm font-bold mb-2"
|
2022-12-21 17:04:09 +01:00
|
|
|
= f.password_field :password,
|
|
|
|
|
autocomplete: "current-password",
|
|
|
|
|
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
|
2022-12-20 20:02:36 +01:00
|
|
|
- if devise_mapping.rememberable?
|
|
|
|
|
.mb-4
|
|
|
|
|
= f.check_box :remember_me, class: "mr-2 leading-tight"
|
2022-12-21 17:04:09 +01:00
|
|
|
= f.label :remember_me,
|
|
|
|
|
class: "align-baseline inline-block text-gray-700 text-sm"
|
2022-12-20 20:02:36 +01:00
|
|
|
.mb-4
|
2022-12-21 17:04:09 +01:00
|
|
|
= f.submit "Log in",
|
2023-01-20 08:39:26 +01:00
|
|
|
class: "button bg-cyan-700 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full"
|
2022-12-20 20:02:36 +01:00
|
|
|
= render "devise/shared/links"
|
|
|
|
|
= render "devise/shared/form_footer"
|
