43 lines
2.2 KiB
Text
43 lines
2.2 KiB
Text
<div class="min-h-screen flex items-center justify-center bg-gray-50">
|
||
<div class="max-w-md w-full space-y-8 p-8 bg-white rounded-lg shadow-md">
|
||
<div>
|
||
<h2 class="text-center text-3xl font-bold text-gray-900">アカウント登録</h2>
|
||
</div>
|
||
|
||
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: "mt-8 space-y-6", data: { turbo: false } }) do |f| %>
|
||
<%= render "devise/shared/error_messages", resource: resource %>
|
||
|
||
<div class="space-y-4">
|
||
<div>
|
||
<%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
|
||
<%= f.email_field :email, autofocus: true, autocomplete: "email",
|
||
class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" %>
|
||
</div>
|
||
|
||
<div>
|
||
<%= f.label :password, "パスワード", class: "block text-sm font-medium text-gray-700" %>
|
||
<% if @minimum_password_length %>
|
||
<em class="text-sm text-gray-500">（<%= @minimum_password_length %> 文字以上）</em>
|
||
<% end %>
|
||
<%= f.password_field :password, autocomplete: "new-password",
|
||
class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" %>
|
||
</div>
|
||
|
||
<div>
|
||
<%= f.label :password_confirmation, "パスワード（確認）", class: "block text-sm font-medium text-gray-700" %>
|
||
<%= f.password_field :password_confirmation, autocomplete: "new-password",
|
||
class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" %>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6">
|
||
<%= f.submit "登録",
|
||
class: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-500 hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
|
||
</div>
|
||
<% end %>
|
||
|
||
<div class="mt-6 text-center text-sm">
|
||
<%= render "devise/shared/links" %>
|
||
</div>
|
||
</div>
|
||
</div>
|