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.

14 lines
637 B

4 months ago
  1. <div>
  2. <%= link_to path,
  3. data: local_assigns.fetch(:data, nil) do %>
  4. <div class="group relative inline-block">
  5. <div class='bg-blue-600 text-white mr-1 py-2 px-3 border rounded-lg'>
  6. <%=fa_icon icon %>
  7. </div>
  8. <div class="bg-purple-800 text-white absolute top-full left-1/2 z-20 mt-2 -translate-x-1/2 whitespace-nowrap rounded-[5px] py-1.5 px-3.5 text-sm opacity-0 group-hover:opacity-100 pointer-events-none">
  9. <span class="bg-purple-800 absolute top-[-3px] left-1/2 -z-10 h-2 w-2 -translate-x-1/2 rotate-45">
  10. </span>
  11. <%= tooltip %>
  12. </div>
  13. </div>
  14. <% end %>
  15. </div>