21 lines
1.2 KiB
Plaintext
Executable File
21 lines
1.2 KiB
Plaintext
Executable File
<% if flash.any? %>
|
|
<div class="flash-messages-container" style="position: relative; width: 100%; display: flex; justify-content: center; padding: var(--space-4); margin-top: var(--space-4);">
|
|
<div style="width: 100%; max-width: 600px;">
|
|
<% flash.each do |type, message| %>
|
|
<div class="notification <%= flash_class(type) %>"
|
|
data-controller="flash-message"
|
|
style="display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-lg); margin-bottom: var(--space-3); font-weight: 500; width: 100%; box-sizing: border-box;">
|
|
<div class="notification-icon" style="display: flex; align-items: center; flex-shrink: 0;">
|
|
<%= flash_icon(type) %>
|
|
</div>
|
|
<span style="flex: 1;"><%= message %></span>
|
|
<button data-action="click->flash-message#close"
|
|
style="background: none; border: none; cursor: pointer; padding: var(--space-1); color: inherit; opacity: 0.7; transition: opacity 0.2s;">
|
|
<i data-lucide="x" style="width: 16px; height: 16px;"></i>
|
|
</button>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<% end %> |