bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update signup with the design from signin

Browse Source
This commit is contained in:
Stanko K.R.
2025-11-29 11:58:48 +01:00
parent 658b5a07cf
commit 354dd1e95a
3 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/sessions/menus/show.html.erb
+1 -1
View File
@@ -25,7 +25,7 @@
<% end %>
<div class="margin-block-start">
<%= link_to new_signup_completion_path, class: "btn btn--plain txt-link center txt-small", data: { turbo_prefetch: false } do %>
<%= link_to new_signup_path, class: "btn btn--plain txt-link center txt-small", data: { turbo_prefetch: false } do %>
<span>Sign up for a new Fizzy account</span>
<% end %>
</div>
app/views/sessions/new.html.erb
+1 -1
View File
@@ -10,7 +10,7 @@
</label>
</div>
<p><strong>New here?</strong> Enter your email to create an account. <strong>Already have an account?</strong> Enter your email and we’ll get you signed in.</p>
<p><strong>New here?</strong> <%= link_to "sign up", new_signup_path %> to create an account. <strong>Already have an account?</strong> Enter your email and we’ll get you signed in.</p>
<button type="submit" id="log_in" class="btn btn--link center txt-medium">
<span>Let’s go</span>
app/views/signups/new.html.erb
+11 -15
View File
@@ -1,23 +1,19 @@
<% @page_title = "Sign up for Fizzy" %>
<% @page_title = "Signup for Fizzy" %>
<div class="panel panel--centered flex flex-column gap-half <%= "shake" if flash[:alert] %>">
<h1 class="txt-xx-large margin-block-end-double">Sign up</h1>
<div class="panel panel--centered flex flex-column gap-half">
<h1 class="txt-x-large font-weight-black margin-block-end">Sign up</h1>
<%= form_with model: @signup, url: signup_path, scope: "signup", class: "flex flex-column gap", data: { turbo: false, controller: "form" } do |form| %>
<%= form.email_field :email_address, class: "input", autocomplete: "username", placeholder: "Email address", required: true %>
<div class="flex align-center gap">
<label class="flex align-center gap input input--actor">
<%= form.email_field :email_address, required: true, class: "input txt-large full-width", autofocus: true, autocomplete: "username", placeholder: "Enter your email address…" %>
</label>
</div>
<% if @signup.errors.any? %>
<div class="margin-block-half">
<ul class="margin-block-none txt-negative txt-small">
<% @signup.errors.full_messages.each do |message| %>
<li><%= message %></li>
<% end %>
</ul>
</div>
<% end %>
<p><strong>New here?</strong> Enter your email to create an account.</p>
<button type="submit" class="btn btn--link center" data-form-target="submit">
<span>Continue</span>
<button type="submit" id="log_in" class="btn btn--link center txt-medium">
<span>Let’s go</span>
<%= icon_tag "arrow-right" %>
</button>
<% end %>