You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.6 KiB
44 lines
1.6 KiB
<h2>NOTIFICATION BAR</h2>
|
|
|
|
<nav class='relative w-full'>
|
|
<% if alert.present? %>
|
|
<div class="absolute inset-x-0 top-10">
|
|
<div class="flex max-w-sm w-full bg-white shadow-md rounded-lg mx-auto">
|
|
<div class="w-2 bg-red-600">
|
|
</div>
|
|
<div class="w-full flex justify-between items-start px-2 py-2">
|
|
<div class="flex flex-col ml-2">
|
|
<label class="text-gray-800">Alert</label>
|
|
<p class="text-gray-500 "><%= alert %></p>
|
|
</div>
|
|
<a href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<% if notice.present? %>
|
|
<div class="absolute inset-x-0 top-50">
|
|
<div class="flex max-w-sm w-full bg-white shadow-md rounded-lg overflow-hidden mx-auto">
|
|
<div class="w-2 bg-green-600">
|
|
</div>
|
|
<div class="w-full flex justify-between items-start px-2 py-2">
|
|
<div class="flex flex-col ml-2">
|
|
<label class="text-gray-800">Notice</label>
|
|
<p class="text-gray-500 "><%= notice %></p>
|
|
</div>
|
|
<a href="#">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
</nav>
|