Fix Registration and Login Design according to the suggestion of the …

…reviewer
pushkar1995 · Dec 9, 2023 · 648aeb0 · 648aeb0
1 parent 1a78995
commit 648aeb0
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 13 deletions.
diff --git a/app/assets/images/backarrow.png b/app/assets/images/backarrow.png
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -195,3 +195,24 @@ input {
   color: #8f98aa;
   font-weight: 600;
 }
+
+.signin-button,
+.signup-button {
+  color: #eeeff1;
+  border: none;
+  background: transparent;
+  font-size: 20px;
+  padding: 1.5em 3.5em;
+  align-items: center;
+}
+
+.signin-backarrow-container,
+.signup-backarrow-container {
+  margin-top: 5px;
+  margin-left: 40px;
+  font-size: 10px;
+}
+
+.signup-backarrow-container a {
+  border: none;
+}
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
@@ -1,8 +1,19 @@
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
 <div class="container">
-  <h2 class="list blue">Sign up</h2>
+
+  <div class="list blue">
+    <div class="signup-backarrow-container">
+      <%= link_to do %>
+      <%=link_to image_tag("backarrow.png", alt:"back"), class: "backarrow-icon"  %>
+      <% end %>
+    </div>
+    <h2 class="list blue">REGISTER</h2>
+    <%= f.submit "Next", class: "signup-button" %>
+  </div>
+
 
   <div class="sub-container">
-    <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
+
       <%= render "devise/shared/error_messages", resource: resource %>
 
       <%= f.label :name %><br />
@@ -20,9 +31,7 @@
       <%= f.label :password_confirmation %><br />
       <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "field", required: true %>
 
-      <div class="add-item">
-        <%= f.submit "Sign up", class: "add" %>
-      </div>
-    <% end %>
   </div>
-</div>
+</div>
+
+<% end %>
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
@@ -1,8 +1,18 @@
+<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
 <div class="container">
-  <h2 class="list blue">Log in</h2>
+
+  <div class="list blue">
+    <div class="signin-backarrow-container">
+      <%= link_to do %>
+      <%=link_to image_tag("backarrow.png", alt:"back"), class: "backarrow-icon"  %>
+      <% end %>
+    </div>  
+    <h2 class="list blue">LOGIN</h2>
+    <%= f.submit "Log In", class: "signin-button" %>
+  </div>
+
 
   <div class="sub-container">
-    <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
       <%= f.label :email %><br />
       <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "field", required: true %>
 
@@ -14,9 +24,6 @@
         <%= f.label :remember_me %>
       <% end %>
 
-      <div class="add-item">
-        <%= f.submit "Log in", class: "add" %>
-      </div>
-    <% end %>
   </div>
 </div>
+<% end %>