feat: stack loot stats vertically on mobile and update start date display
Build Images and Deploy / Update-PROD-Stack (push) Successful in 30s
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;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Loot detail: stack stats vertically on mobile */
|
||||||
|
.loot-stats {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
/* Package grid */
|
/* Package grid */
|
||||||
.package-grid {
|
.package-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
<div class="label">Found</div>
|
<div class="label">Found</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-box">
|
<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 class="label">Starts</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-box">
|
<div class="stat-box">
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;">
|
<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>
|
<h1 style="margin: 0;"><%= hunt.name %></h1>
|
||||||
<span style="color: var(--muted); font-family: monospace;"><%= hunt.short_name %></span>
|
<span style="color: var(--muted); font-family: monospace;"><%= hunt.short_name %></span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
|
<div class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="stats-row">
|
<div class="stats-row loot-stats">
|
||||||
<div class="stat-box">
|
<div class="stat-box">
|
||||||
<div class="value"><%= pkg.scan_count %></div>
|
<div class="value"><%= pkg.scan_count %></div>
|
||||||
<div class="label">Total Scans</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 class="hunt-name"><a href="/hunt/<%= pkg.hunt_short_name %>"><%= pkg.hunt_name %></a></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="stats-row">
|
<div class="stats-row loot-stats">
|
||||||
<div class="stat-box">
|
<div class="stat-box">
|
||||||
<div class="value"><%= pkg.scan_count %></div>
|
<div class="value"><%= pkg.scan_count %></div>
|
||||||
<div class="label">Total Scans</div>
|
<div class="label">Total Scans</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user