some error debugging and for frontend thicker lines around blocks

This commit is contained in:
jenz
2026-08-24 12:59:16 +02:00
parent 1ae342151e
commit 9c4c02c532
13 changed files with 27 additions and 15 deletions
@@ -366,7 +366,7 @@ export default function MapPopulationChart() {
)}
{selectedMap && (
<div className="mt-4 pt-4 border-t border-base-border">
<div className="mt-4 pt-4 border-t-2 border-base-divider">
<div className="stat-label mb-1">
Players during{' '}
<Link href={`/maps/period/${selectedMap.map_id}`} className="text-accent hover:underline">
@@ -38,7 +38,7 @@ export default function MapSearch() {
className="w-full bg-base-panel border border-base-border rounded-lg px-4 py-3 text-ink placeholder:text-ink-faint focus:border-accent/50 transition-colors"
/>
<div className="panel divide-y divide-base-border">
<div className="panel row-divide">
{loading ? (
<div className="p-4 text-sm text-ink-faint font-mono">loading</div>
) : maps.length === 0 ? (
@@ -52,7 +52,7 @@ export default function PlayerSearch() {
</select>
</div>
<div className="panel divide-y divide-base-border">
<div className="panel row-divide">
{loading ? (
<div className="p-4 text-sm text-ink-faint font-mono">loading</div>
) : players.length === 0 ? (
@@ -370,7 +370,7 @@ export default function PopulationChart() {
return (
<div className="panel p-6">
{/* Currently online — always visible, always live, not tied to the date range below */}
<div className="mb-6 pb-6 border-b border-base-border">
<div className="mb-6 pb-6 border-b-2 border-base-divider">
<div className="flex items-center justify-between mb-3">
<div className="flex items-center gap-2">
<span className="relative flex w-2 h-2">
@@ -553,7 +553,7 @@ export default function PopulationChart() {
</div>
{selectedPoint && (
<div className="mt-4 pt-4 border-t border-base-border">
<div className="mt-4 pt-4 border-t-2 border-base-divider">
<div className="stat-label mb-3">
Online at {new Date(selectedPoint.t).toLocaleString()}
{selectedPoint.mapName && (
@@ -279,7 +279,7 @@ export default function RecurringWindowChart() {
)}
{selected && (
<div className="mt-4 pt-4 border-t border-base-border">
<div className="mt-4 pt-4 border-t-2 border-base-divider">
<div className="stat-label mb-3">
{new Date(`${selected.date}T00:00:00Z`).toLocaleDateString(undefined, { weekday: 'long', month: 'short', day: 'numeric' })}, {startTime}{endTime} — {selectedPlayers.length} player
{selectedPlayers.length === 1 ? '' : 's'}, sorted by time spent in the window