diff options
| -rw-r--r-- | app/views/registrations/new.html.erb | 15 | ||||
| -rw-r--r-- | app/views/sessions/new.html.erb | 2 |
2 files changed, 13 insertions, 4 deletions
diff --git a/app/views/registrations/new.html.erb b/app/views/registrations/new.html.erb index eeafa1c..05e7be9 100644 --- a/app/views/registrations/new.html.erb +++ b/app/views/registrations/new.html.erb @@ -1,4 +1,4 @@ -<div class="mx-auto md:w-2/3 w-full"> +<div class="mx-auto md:w-1/2 w-full"> <h1 class="font-bold text-4xl text-gray-700">Create account</h1> <p class="my-2">Please sign up for your Alphabet Learning account here.</p> @@ -13,19 +13,28 @@ <%= form_with url: registration_url, class: "contents" do |form| %> <div class="my-5"> + <%= label_tag "first_name", nil, class: "font-bold text-gray-700" %> <%= form.text_field :first_name, required: true, autofocus: true, autocomplete: "first_name", placeholder: "Enter your first name", value: params[:first_name], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> </div> <div class="my-5"> + <%= label_tag "last_name", nil, class: "font-bold text-gray-700" %> <%= form.text_field :last_name, required: true, autofocus: true, autocomplete: "last_name", placeholder: "Enter your last name", value: params[:last_name], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> </div> <div class="my-5"> - <%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> + <%= label_tag "email_address", nil, class: "font-bold text-gray-700" %> + <%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "email_address", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> </div> <div class="my-5"> - <%= form.password_field :password, required: true, autocomplete: "current-password", placeholder: "Enter your password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> + <%= label_tag "password", nil, class: "font-bold text-gray-700" %> + <%= form.password_field :password, required: true, autocomplete: "new-password", placeholder: "Enter new password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> + </div> + + <div class="my-5"> + <%= label_tag "password_confirmation", nil, class: "font-bold text-gray-700" %> + <%= form.password_field :password_confirmation, required: true, autocomplete: "new-password", placeholder: "Repeat new password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %> </div> <div class="col-span-6 sm:flex sm:items-center sm:gap-4"> diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb index 5b87b16..4c17d82 100644 --- a/app/views/sessions/new.html.erb +++ b/app/views/sessions/new.html.erb @@ -1,4 +1,4 @@ -<div class="mx-auto md:w-2/3 w-full"> +<div class="mx-auto md:w-1/2 w-full"> <% if alert = flash[:alert] %> <p class="py-2 px-3 bg-red-50 mb-5 text-red-500 font-medium rounded-lg inline-block" id="alert"><%= alert %></p> <% end %> |