feat: stack loot stats vertically on mobile and update start date display
All checks were successful
Build Images and Deploy / Update-PROD-Stack (push) Successful in 30s

This commit is contained in:
2026-03-20 00:06:29 -04:00
parent 8551aa1417
commit 7165129ac6
5 changed files with 9 additions and 4 deletions

View File

@@ -742,6 +742,11 @@ tr:hover {
display: none !important;
}
/* Loot detail: stack stats vertically on mobile */
.loot-stats {
flex-direction: column;
}
/* Package grid */
.package-grid {
grid-template-columns: 1fr;

View File

@@ -31,7 +31,7 @@
<div class="label">Found</div>
</div>
<div class="stat-box">
<div class="value"><% if (hunt.start_date) { %><time datetime="<%= hunt.start_date %>"><%= new Date(hunt.start_date).toLocaleDateString() %></time><% } else { %><% } %></div>
<div class="value"><% if (hunt.start_date) { %><time datetime="<%= hunt.start_date %>"><%= new Date(hunt.start_date).toLocaleDateString() %></time><% } else { %>Now<% } %></div>
<div class="label">Starts</div>
</div>
<div class="stat-box">

View File

@@ -2,7 +2,7 @@
<div class="container">
<div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;">
<div>
<div style="min-width: 65%;">
<h1 style="margin: 0;"><%= hunt.name %></h1>
<span style="color: var(--muted); font-family: monospace;"><%= hunt.short_name %></span>
</div>

View File

@@ -11,7 +11,7 @@
<div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
</div>
<div class="stats-row">
<div class="stats-row loot-stats">
<div class="stat-box">
<div class="value"><%= pkg.scan_count %></div>
<div class="label">Total Scans</div>

View File

@@ -25,7 +25,7 @@
<div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
</div>
<div class="stats-row">
<div class="stats-row loot-stats">
<div class="stat-box">
<div class="value"><%= pkg.scan_count %></div>
<div class="label">Total Scans</div>