24 lines
1.3 KiB
Plaintext
24 lines
1.3 KiB
Plaintext
<div class="max-w-md mx-auto mt-8 bg-white p-6 rounded-lg shadow-md">
|
|
<h2 class="text-2xl font-bold text-center mb-6"><%= t('sessions.login') %></h2>
|
|
|
|
<%= form_with url: login_path, method: :post, local: true, class: "space-y-4" do |form| %>
|
|
<div>
|
|
<%= form.label :login, t('sessions.username_or_email'), class: "block text-sm font-medium text-gray-700 mb-1" %>
|
|
<%= form.text_field :login, required: true,
|
|
class: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
|
|
placeholder: t('sessions.username_or_email_placeholder') %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.label :password, t('sessions.password'), class: "block text-sm font-medium text-gray-700 mb-1" %>
|
|
<%= form.password_field :password, required: true,
|
|
class: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",
|
|
placeholder: t('sessions.password_placeholder') %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit t('sessions.login_button'),
|
|
class: "w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition duration-200" %>
|
|
</div>
|
|
<% end %>
|
|
</div> |