Sha256: 746d196e908a29610c5620178b496cf47a69eda69f977b1d0ddd3ffbb2c4cdf4
Contents?: true
Size: 1.75 KB
Versions: 39
Compression:
Stored size: 1.75 KB
Contents
<div class="fixed top-2 right-2 z-50 p-2 space-y-4 w-full max-w-sm pointer-events-none sm:items-end" data-controller="alert"
data-alert-dismiss-after-value="3000"
data-transition-enter="ease-in-out duration-500"
data-transition-enter-from="translate-x-full opacity-0"
data-transition-enter-to="translate-x-0 opacity-100"
data-transition-leave="ease-in-out duration-500"
data-transition-leave-from="translate-x-0 opacity-100"
data-transition-leave-to="translate-x-full opacity-0">
<div class="overflow-hidden w-full max-w-sm bg-white rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto">
<div class="p-4">
<div class="flex items-start">
<div class="flex-shrink-0">
<i class="fa-regular text-xl <%= icon_css %> <%= text_colour_css %>"></i>
</div>
<div class="flex-1 pt-0.5 ml-3 w-0">
<p class="mb-1 text-sm font-medium <%= text_colour_css %>"><%= kind.to_s.titleize %></p>
<p class="mt-1 mb-0 text-sm text-gray-500"><%= message %></p>
</div>
<div class="flex flex-shrink-0 ml-4">
<button data-action="alert#close" type="button" class="inline-flex text-gray-400 bg-white rounded-md transition duration-150 ease-in-out hover:text-gray-500 focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-sky-500">
<span class="sr-only">Close</span>
<svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
Version data entries
39 entries across 39 versions & 1 rubygems