From 3cdd7729a64d8b89bfe128534b0fa7be9ad3523d Mon Sep 17 00:00:00 2001
From: shibao <shibao@bubbletea.dev>
Date: Fri, 10 Sep 2021 00:35:36 -0400
Subject: [PATCH] style flashes

---
 lib/cannery_web/templates/layout/app.html.eex  |  4 +++-
 .../templates/layout/live.html.leex            | 18 +++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/lib/cannery_web/templates/layout/app.html.eex b/lib/cannery_web/templates/layout/app.html.eex
index 615ab8fb..69799212 100644
--- a/lib/cannery_web/templates/layout/app.html.eex
+++ b/lib/cannery_web/templates/layout/app.html.eex
@@ -1,7 +1,9 @@
 <main role="main" class="container min-h-full min-w-full">
   <header class="mb-4 px-8 py-4 w-full bg-primary-400">
     <%= render "topbar.html", assigns %>
+  </header>
   
+  <div class="mx-8 my-2 flex flex-col space-y-4 text-center">
     <%= if get_flash(@conn, :info) do %>
       <p class="alert alert-info" role="alert">
         <%= get_flash(@conn, :info) %>
@@ -13,7 +15,7 @@
         <%= get_flash(@conn, :error) %>
       </p>
     <% end %>
-  </header>
+  </div>
   
   <%= @inner_content %>
 </main>
diff --git a/lib/cannery_web/templates/layout/live.html.leex b/lib/cannery_web/templates/layout/live.html.leex
index c886d893..efd084d7 100644
--- a/lib/cannery_web/templates/layout/live.html.leex
+++ b/lib/cannery_web/templates/layout/live.html.leex
@@ -1,5 +1,21 @@
 <main role="main" class="container min-w-full min-h-full">
-  <%= live_component CanneryWeb.Live.Component.Topbar, current_user: assigns[:current_user] %>
+  <header>
+    <%= live_component CanneryWeb.Live.Component.Topbar, current_user: assigns[:current_user] %>
+  
+    <div class="mx-8 my-2 flex flex-col space-y-4 text-center">
+      <%= if live_flash(@flash, :info) do %>
+        <p class="alert alert-info" role="alert">
+          <%= live_flash(@flash, :info) %>
+        </p>
+      <% end %>
+      
+      <%= if live_flash(@flash, :error) do %>
+        <p class="alert alert-danger" role="alert">
+          <%= live_flash(@flash, :error) %>
+        </p>
+      <% end %>
+    </div>
+  </header>
 
   <%= @inner_content %>
 </main>