Fix layout of stats in yearly digest view

This commit is contained in:
Eugene Burmakin 2025-12-27 21:07:49 +01:00
parent c19fbe14e6
commit 75b5cbd9bd
2 changed files with 9 additions and 9 deletions

File diff suppressed because one or more lines are too long

View file

@ -1,7 +1,7 @@
<% content_for :title, 'Year-End Digests' %>
<div class="max-w-xl mx-auto my-5">
<div class="flex justify-between items-center mb-6">
<div class="max-w-screen-2xl mx-auto my-5 px-4">
<div class="flex justify-between items-center mb-6 gap-8">
<h1 class="text-3xl font-bold flex items-center gap-2">
<%= icon 'earth' %> Year-End Digests
</h1>
@ -38,7 +38,7 @@
</div>
</div>
<% else %>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="grid grid-cols-1 gap-6">
<% @digests.each do |digest| %>
<div class="card bg-base-200 shadow-xl hover:shadow-2xl transition-shadow">
<div class="card-body">
@ -49,7 +49,7 @@
<% end %>
</h2>
<div class="stats stats-vertical shadow bg-base-100 mt-4">
<div class="stats stats-vertical shadow bg-base-100 mt-4 text-center">
<div class="stat">
<div class="stat-title">Distance</div>
<div class="stat-value text-primary text-lg">
@ -58,20 +58,20 @@
</div>
<div class="stat">
<div class="stat-title">Countries</div>
<div class="stat-value text-secondary text-lg"><%= digest.countries_count %></div>
<div class="stat-title">Countries</div>
<% if digest.first_time_countries.any? %>
<div class="stat-desc text-success">
<div class="stat-desc text-success flex items-center gap-1 justify-center">
<%= icon 'star' %> <%= digest.first_time_countries.count %> new
</div>
<% end %>
</div>
<div class="stat">
<div class="stat-title">Cities</div>
<div class="stat-value text-accent text-lg"><%= digest.cities_count %></div>
<div class="stat-title">Cities</div>
<% if digest.first_time_cities.any? %>
<div class="stat-desc text-success">
<div class="stat-desc text-success flex items-center gap-1 justify-center">
<%= icon 'star' %> <%= digest.first_time_cities.count %> new
</div>
<% end %>