2021-02-11 19:42:17 +08:00
|
|
|
<main role="main" class="flex-grow flex flex-col h-screen">
|
|
|
|
<div class="fixed right-5 bottom-5 z-50 flex flex-col space-y-3">
|
|
|
|
<%= if live_flash(@flash, :info) do %>
|
2021-03-12 18:57:01 +08:00
|
|
|
<div class="flex items-center space-x-2 rounded-lg px-4 py-2 bg-blue-100 text-blue-600 hover:opacity-75 cursor-pointer" role="alert"
|
2021-02-11 19:42:17 +08:00
|
|
|
phx-click="lv:clear-flash"
|
|
|
|
phx-value-key="info">
|
2021-03-12 18:57:01 +08:00
|
|
|
<%= remix_icon("information-line", class: "text-2xl") %>
|
2021-02-21 23:54:44 +08:00
|
|
|
<span class="whitespace-pre"><%= live_flash(@flash, :info) %></span>
|
2021-02-11 19:42:17 +08:00
|
|
|
</div>
|
|
|
|
<% end %>
|
2021-01-08 05:13:17 +08:00
|
|
|
|
2021-02-11 19:42:17 +08:00
|
|
|
<%= if live_flash(@flash, :error) do %>
|
2021-03-12 18:57:01 +08:00
|
|
|
<div class="flex items-center space-x-2 rounded-lg px-4 py-2 bg-red-100 text-red-400 hover:opacity-75 cursor-pointer" role="alert"
|
2021-02-11 19:42:17 +08:00
|
|
|
phx-click="lv:clear-flash"
|
|
|
|
phx-value-key="error">
|
2021-03-12 18:57:01 +08:00
|
|
|
<%= remix_icon("error-warning-line", class: "text-2xl") %>
|
2021-02-21 23:54:44 +08:00
|
|
|
<span class="whitespace-pre"><%= live_flash(@flash, :error) %></span>
|
2021-02-11 19:42:17 +08:00
|
|
|
</div>
|
|
|
|
<% end %>
|
2021-01-08 05:13:17 +08:00
|
|
|
</div>
|
2021-01-08 04:16:54 +08:00
|
|
|
|
|
|
|
<%= @inner_content %>
|
|
|
|
</main>
|