<div class=“md:mx-auto md:max-w-md overflow-hidden mx-0”>
<div class="shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col justify-center bg-gray-50"> <h2 class="text-center text-xl text-black">
<%- if options -%>
<%%= title('Change your password') %>
<%- else -%>
Change your password
<%- end -%>
</h2> <%%= simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %> <%%= f.error_notification %> <%%= f.input :reset_password_token, as: :hidden %> <%%= f.full_error :reset_password_token %> <%%= f.input :password, label: 'New password', required: true, autofocus: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), input_html: { autocomplete: 'new-password' } %> <%%= f.input :password_confirmation, label: 'Confirm your new password', required: true, input_html: { autocomplete: 'new-password' } %> <%%= f.button :submit, 'Change my password', class: 'w-full' %> <%% end %> <%%= render 'devise/shared/links' </div>
</div>