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
All checks were successful
Build Images and Deploy / Update-PROD-Stack (push) Successful in 30s
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user