analytics/lib/plausible_web/templates/stats/browsers.html.eex
2019-11-06 12:41:06 +08:00

18 lines
651 B
Elixir

<header class="modal__header">
<h1>Browsers</h1>
<button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
</header>
<div class="text-grey-darker text-lg ml-1 mt-1">by visitors</div>
<div class="my-4 border-b border-grey-light"></div>
<main class="modal__content" id="modal-1-content">
<div class="mt-8">
<%= for {browser, count, percentage} <- @browsers do %>
<div class="flex items-center justify-between my-2">
<span><%= browser %></span>
<span tooltip="<%= count %> visitors"><%= percentage %>%</span>
</div>
<%= bar(count, @browsers, :red) %>
<% end %>
</div>
</main>