aboutsummaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-11-11 17:59:41 +0000
committerMatthew Lemon <y@yulqen.org>2024-11-11 17:59:41 +0000
commitdc3704d4b85c67e7bf0d1669c879ef36bda12ed2 (patch)
treefeeeacba1833f1d915b44a2cf3dc71dcb7e94271 /app
parent154a9ab32ae1447c191d0b1f565b1e905851a9e2 (diff)
wip: sign in form
Diffstat (limited to 'app')
-rw-r--r--app/views/registrations/new.html.erb15
-rw-r--r--app/views/sessions/new.html.erb2
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 %>