20 lines
993 B
Plaintext
20 lines
993 B
Plaintext
<div class="max-w-2xl mx-auto mb-4 rounded-md bg-yellow-50 p-4" data-controller="notification" data-notification-target="notificationWrapper">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0">
|
|
<%= heroicon "check-circle", variant: :solid, options: { class: "h-5 w-5 text-yellow-400" } %>
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-sm font-medium text-yellow-800">
|
|
<%= notice %>
|
|
</p>
|
|
</div>
|
|
<div class="ml-auto pl-3">
|
|
<div class="-mx-1.5 -my-1.5">
|
|
<button type="button" class="inline-flex bg-yellow-50 rounded-md p-1.5 text-yellow-500 hover:bg-yellow-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-yellow-50 focus:ring-yellow-600" data-action="click->notification#dismiss">
|
|
<span class="sr-only">Dismiss</span>
|
|
<%= heroicon "x", variant: :solid, options: { class: "h-5 w-5" } %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |