System-End/hackatime
1
0
Fork 0
mirror of https://github.com/System-End/hackatime.git synced 2026-04-19 22:15:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

covert active users graph to tailwind

Browse source
This commit is contained in:
Echo 2025-06-27 10:48:32 -04:00
parent e96407251e
commit a83a6fdddc
No known key found for this signature in database
2 changed files with 2 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/assets/stylesheets/active_users_graph.css
View file

@ -1,13 +0,0 @@
.active-users-graph {
display: flex;
flex-direction: row;
gap: 0.5rem;
margin-top: 1rem;
}
.active-users-graph__hour {
background-color: white;
opacity: 0.1;
flex-grow: 1;
min-width: 10px;
}

4
app/views/static_pages/_active_users_graph.html.erb
View file

@ -1,7 +1,7 @@
<div class="active-users-graph">
<div class="flex flex-row gap-2 mt-4">
<!-- "nihil boni sine labore" -->
<% hours.each_with_index do |h, i| %>
<div class="active-users-graph__hour"
<div class="bg-white opacity-10 flex-grow min-w-[10px]"
title="<%= pluralize(i + 1, 'hour') %> ago, <%= pluralize(h[:users], 'people') %> logged time. '<%= FlavorText.latin_phrases.sample %>.'"
style="height: <%= h[:height] %>px;">
</div>