Reposition toast for improved layering

Adjust toast location to enhance visual order, preventing unintentional overlay.
solidusio · Oct 13, 2023 · dfd7d3b · dfd7d3b
1 parent 4657462
commit dfd7d3b
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/admin/app/views/layouts/solidus_admin/application.html.erb b/admin/app/views/layouts/solidus_admin/application.html.erb
@@ -9,12 +9,6 @@
 
   <body class="bg-gray-15">
     <%= render component("skip_link").new(href: "#main") %>
-    <div class="fixed inset-x-0 bottom-3 flex items-center justify-center flex-col gap-3" role="alert">
-      <% flash.each do |key, message| %>
-        <%= render component("ui/toast").new(text: message, scheme: key == :error ? :error : :default) %>
-      <% end %>
-    </div>
-
     <div class="flex gap-0">
       <div class="min-w-[240px] border-r border-r-gray-100 relative">
         <div class="min-h-screen top-0 sticky flex">
@@ -26,5 +20,11 @@
         <%= yield %>
       </main>
     </div>
+
+    <div class="fixed inset-x-0 bottom-3 flex items-center justify-center flex-col gap-3" role="alert">
+      <% flash.each do |key, message| %>
+        <%= render component("ui/toast").new(text: message, scheme: key == :error ? :error : :default) %>
+      <% end %>
+    </div>
   </body>
 </html>