David Böhm
19cf60c9a9
Added icons from webcrunch resp. heroicons Added helperfunction to display inline svg with the plugin inline-svg Implemented fancy notice message webcrunch. Realy nice but does only work with javascript on.
14 lines
869 B
Plaintext
14 lines
869 B
Plaintext
<%= turbo_frame_tag "flash" do %>
|
|
<% flash.each do |type, message| %>
|
|
<div data-controller="flash" data-flash-target="toast" class="fixed z-50 top-2 right-2 border p-3 shadow-lg opacity-100 translate-x-full transition-transform ease-in-out duration-300 transform <%= type == :alert ? "bg-red-50 border-red-500/50 text-red-800" : "bg-green-50 border-green-300/90 text-green-800" %>">
|
|
<div class="flex items-center justify-between gap-4">
|
|
<%= icon "check", class: "size-4 stroke-primary-500" %>
|
|
<span class="text-l"><%= message %></span>
|
|
<button type="button" data-action="click->flash#dismiss" class="p-1 hover:bg-gray-100/70 flex items-center justify-center rounded-md">
|
|
<%= icon "x-mark", class: "size-4 stroke-current text-gray-600 pointer-events-none" %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|