WIP Add notification component for flash messages

2022-02-20 17:22:49 -06:00
parent 835152c656
commit 8102fa1230
292 changed files with 397 additions and 8 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -66,15 +66,15 @@
        </div>
      </nav>

-      <%= yield %>
-    </div>
-
-    <div id="wrapper">
-      <% flash.each do |type, msg| %>
-        <div class="flash-msg <%= type %>">
-          <p><%= msg %></p>
+      <div class="fixed inset-0 px-4 py-6 pointer-events-none sm:p-6 sm:items-start sm:justify-end">
+        <div class="flex flex-col items-end justify-center">
+          <% flash.each do |type, data| %>
+            <%= render NotificationComponent.new(type: type, data: data) %>
+          <% end %>
        </div>
-      <% end %>
+      </div>
+
+      <%= yield %>
    </div>
  </body>
 </html>