Merge pull request #70 from Yaronkr/addchildbutton

Addchildbutton
Yaronkr · Jun 17, 2022 · 3ad6f27 · 3ad6f27
2 parents 2f9ac22 + 93bba6a
commit 3ad6f27
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/app/assets/stylesheets/pages/_childcares-index.scss b/app/assets/stylesheets/pages/_childcares-index.scss
@@ -8,6 +8,19 @@
   top: 0;
 }
 
+.reminder {
+  margin: 16px 16px 0 16px;
+  border-radius: 10px;
+  background-color: #FFFFFF;
+  box-shadow: 0 0 15px rgba(0,0,0,0.2);
+  padding: 16px;
+  h4 {
+    font-size: 20px;
+    color: #325288;
+    font-weight: 500;
+    text-align: center;
+  }
+}
 // body {
 //   background-color: #FAEEE7;
 // }
diff --git a/app/views/childcares/_info_window.html.erb b/app/views/childcares/_info_window.html.erb
@@ -4,8 +4,9 @@
     <figure><img img src='<%= childcare.photos.first.url if childcare.photos.attached? %>' alt="childcare" /></figure>
     <% end %>
   </div>
-    <div class="mx-2 my-2">
-      <h6><%= link_to childcare.name, childcare_path(childcare) %></h6>
-      <p><%= childcare.address %></p>
-    </div>
+
+  <div class="mx-2 my-2">
+    <h6><%= link_to childcare.name, childcare_path(childcare) %></h6>
+    <p><%= childcare.address %></p>
   </div>
+</div>
diff --git a/app/views/childcares/index.html.erb b/app/views/childcares/index.html.erb
@@ -1,9 +1,15 @@
 <div class="d-flex justify-content-between " style="background-color: #FAEEE7;">
+  <div>
+    <div class="reminder d-flex justify-content-start align-items-center">
+      <h4 class="mx-3">Add your child's profile and start application now !</h4>
+      <%= link_to "GO", user_path(current_user), class: "button-primary" %>
+    </div>
     <div class="childcares-small-cards">
       <% $childcares.each do |childcare| %>
         <%= render 'shared/childcare_small card', childcare: childcare %>
       <% end %>
     </div>
+  </div>
 
   <div id="map"
     data-controller="mapbox"