Remoção do .coffee, inclusão do mixin

RuanAyram · Nov 26, 2018 · b07aa30 · b07aa30
1 parent c3d7ff5
commit b07aa30
Show file tree

Hide file tree

Showing 11 changed files with 44 additions and 43 deletions.
diff --git a/app/assets/javascripts/albums.coffee b/app/assets/javascripts/albums.coffee
diff --git a/app/assets/javascripts/artists.coffee b/app/assets/javascripts/artists.coffee
diff --git a/app/assets/javascripts/categories.coffee b/app/assets/javascripts/categories.coffee
diff --git a/app/assets/javascripts/dashboard.coffee b/app/assets/javascripts/dashboard.coffee
diff --git a/app/assets/javascripts/favorites.coffee b/app/assets/javascripts/favorites.coffee
diff --git a/app/assets/javascripts/home.coffee b/app/assets/javascripts/home.coffee
diff --git a/app/assets/javascripts/recently_heards.coffee b/app/assets/javascripts/recently_heards.coffee
diff --git a/app/assets/javascripts/search.coffee b/app/assets/javascripts/search.coffee
diff --git a/app/assets/stylesheets/devise.scss b/app/assets/stylesheets/devise.scss
@@ -1,3 +1,11 @@
+@import "mixins/all-mixin";
+
 .new_user {
-    margin-top: 85px;
+    .label, .checkbox {
+        color: white;
+    }
+
+    section {
+        @include border-opacity(#ffffff, 0.35);
+    }
 }
diff --git a/app/assets/stylesheets/mixins/all-mixin.scss b/app/assets/stylesheets/mixins/all-mixin.scss
@@ -0,0 +1,3 @@
+@mixin border-opacity($color, $opacity: 0.3) {
+    border: 1px solid rgba($color, $opacity);
+}
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
@@ -1,26 +1,40 @@
-<h2>Log in</h2>
+<section class="section has-text-white has-text-centered">
+    <h2 class="is-size-3 has-text-weight-bold">Log in</h2>
+</section>
 
 <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
-  <div class="field">
-    <%= f.label :email %><br />
-    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
-  </div>
+    <section class="section">
+        <div class="field">
+            <%= f.label :email, class: "label" %>
+            <p class="control has-icons-left">
+                <%= f.email_field :email, autofocus: true, placeholder: "Email", class: "input" %>
+                <span class="icon is-small is-left">
+                    <i class="fas fa-envelope"></i>
+                </span>
+            </p>
+        </div>
 
-  <div class="field">
-    <%= f.label :password %><br />
-    <%= f.password_field :password, autocomplete: "current-password" %>
-  </div>
+        <div class="field">
+            <%= f.label :password, class: "label" %>
+            <p class="control has-icons-left">
+                <%= f.password_field :password, placeholder: "Email", autocomplete: "off", class: "input" %>
+                <span class="icon is-small is-left">
+                    <i class="fas fa-lock"></i>
+                </span>
+            </p>
+        </div>
 
-  <% if devise_mapping.rememberable? -%>
-    <div class="field">
-      <%= f.check_box :remember_me %>
-      <%= f.label :remember_me %>
-    </div>
-  <% end -%>
+        <% if devise_mapping.rememberable? -%>
+            <div class="field">
+                <%= f.check_box :remember_me %>
+                <%= f.label :remember_me, class: "checkbox" %>
+            </div>
+        <% end -%>
 
-  <div class="actions">
-    <%= f.submit "Log in" %>
-  </div>
+        <div class="actions">
+            <%= f.submit "Log in", class: "button is-success" %>
+        </div>
+    </section>
 <% end %>
 
 <%= render "devise/shared/links" %>