done with login signup

app/assets/stylesheets/application.scss

@@ -14,3 +14,6 @@
 @import "layouts/index";
 @import "components/index";
 @import "pages/index";
+
+@import "devise/index";
+

app/assets/stylesheets/devise/_index.scss

@@ -0,0 +1 @@
+@import 'login';

app/assets/stylesheets/devise/_login.scss

@@ -0,0 +1,40 @@
+.login-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  position: absolute;
+  background-image:
+    linear-gradient(
+      -225deg,
+        rgba(5,25,55,0.3) 0%,
+        rgba(68,73,101,0.3),
+        rgba(128,129,149,0.3),
+        rgba(191,190,200,0.3),
+        rgba(255,255,255,0.3)
+      50%),
+    url('https://unsplash.com/photos/jay5BqVyf5A');
+
+
+
+  .login-content {
+    position: relative;
+    top: -10vh;
+    padding: 50px;
+    background-color: white;
+    width: 25vw;
+    border-radius: 3px;
+    box-shadow: 1px 1px 10px rgba(0,0,0, 0.21);
+
+    h2 {
+      color: $primary;
+    }
+  }
+}
+
+.login {
+  // color: $primary;
+  width:100%;
+}

app/views/devise/registrations/new.html.erb

@@ -1,6 +1,8 @@
-<h2>Sign up</h2>
+<div class="login-container">
+  <div class="login-content">
+    <h2>Sign up</h2>
 
-<%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
+    <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
       <%= f.error_notification %>
 
       <div class="form-inputs">
@@ -18,8 +20,10 @@
       </div>
 
       <div class="form-actions">
-    <%= f.button :submit, "Sign up" %>
+        <%= f.button :submit, "Sign up", class: "login btn btn-primary" %>
       </div>
-<% end %>
+    <% end %>
 
-<%= render "devise/shared/links" %>
+    <%= render "devise/shared/links" %>
+  </div>
+</div>

app/views/devise/sessions/new.html.erb

@@ -1,6 +1,8 @@
-<h2>Log in</h2>
+<div class="login-container">
+  <div class="login-content">
+    <h2>Log in</h2>
 
-<%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+    <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
       <div class="form-inputs">
         <%= f.input :email,
                     required: false,
@@ -13,8 +15,10 @@
       </div>
 
       <div class="form-actions">
-    <%= f.button :submit, "Log in" %>
+        <%= f.button :submit, "Log in", class: "login btn btn-primary" %>
       </div>
-<% end %>
+    <% end %>
 
-<%= render "devise/shared/links" %>
+    <%= render "devise/shared/links" %>
+  </div>
+</div>

app/views/devise/shared/_links.html.erb

@@ -3,7 +3,7 @@
 <% end -%>
 
 <%- if devise_mapping.registerable? && controller_name != 'registrations' %>
-  <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+  <%#= link_to "Sign up", new_registration_path(resource_name) %><!-- <br /> -->
 <% end -%>
 
 <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>