mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-25 08:09:38 +02:00
30 lines
1.7 KiB
Text
30 lines
1.7 KiB
Text
<%
|
|
header_title "Sign in to your account"
|
|
%>
|
|
|
|
<div class="mt-0 text-center">
|
|
<p class="text-sm text-gray-600">Don't have an account? <%= link_to "Create one", new_registration_path, class: 'font-medium text-candlelight-600 hover:text-candlelight-500' %></p>
|
|
</div>
|
|
|
|
|
|
<%= form_with url: session_path, html: {class: 'space-y-6'} do |form| %>
|
|
<%= auth_messages form %>
|
|
|
|
<div class="relative p-4 border border-gray-100 bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100">
|
|
<%= form.label :email, "Email address", class: 'block text-sm font-medium text-gray-700' %>
|
|
<%= form.email_field :email, autofocus: false, autocomplete: "email", required: 'required', placeholder: 'you@example.com', class: 'p-0 mt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
|
</div>
|
|
|
|
<div class="relative p-4 border border-gray-100 bg-offwhite rounded-xl focus-within:bg-white focus-within:shadow focus-within:opacity-100">
|
|
<%= form.label :password, "Password", class: 'block text-sm font-medium text-gray-700' %>
|
|
<%= form.password_field :password, required: 'required', class: 'p-0 mt-1 bg-transparent border-none opacity-50 focus:outline-none focus:ring-0 focus-within:opacity-100 w-full' %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form.submit "Log in", class: 'flex justify-center w-full px-4 py-3 text-sm font-medium text-white bg-black rounded-xl hover:bg-black focus:outline-none focus:ring-2 focus:ring-gray-200 shadow' %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="mt-6 text-center">
|
|
<p class="text-sm text-gray-600">Forgot your password? <%= link_to "Reset it", new_password_reset_path, class: 'font-medium text-candlelight-600 hover:text-candlelight-500' %></p>
|
|
</div>
|