Skip to content

Commit 3793f92

Browse files
fix(dashboard): responsive stat grids so values don't truncate (#20)
Fixed grid-cols-4/-5 grids didn't reflow at narrow widths, truncating values (e.g. '0.030' vs '0.0307'). Add breakpoints: - Miners + Mining-by-Coin grids: grid-cols-2 sm:grid-cols-4 - Hashbreakdown/uptime row: grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 Co-authored-by: Proof of Prints <proofofprints@users.noreply.github.com>
1 parent 5521c43 commit 3793f92

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/pages/Dashboard.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -527,7 +527,7 @@ export default function Dashboard() {
527527
) : (
528528
<>
529529
{/* Summary stats — Miners breakdown */}
530-
<div className="grid grid-cols-4 gap-4 mb-4">
530+
<div className="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-4">
531531
<StatCard
532532
label="Total Miners"
533533
value={totalCount}
@@ -551,7 +551,7 @@ export default function Dashboard() {
551551
</div>
552552

553553
{/* Hashrate breakdown + uptime */}
554-
<div className="grid grid-cols-5 gap-4 mb-6">
554+
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4 mb-6">
555555
<StatCard
556556
label="Total Hashrate"
557557
value={totalHashrateGhs.toFixed(1)}
@@ -850,7 +850,7 @@ export default function Dashboard() {
850850
)}
851851
</div>
852852
</div>
853-
<div className="grid grid-cols-4 gap-3">
853+
<div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
854854
<div className="bg-dark-900 rounded-lg p-3">
855855
<p className="text-xs text-slate-400 mb-1">Total Miners</p>
856856
<p className="text-xl font-bold text-white">{count}</p>
@@ -870,7 +870,7 @@ export default function Dashboard() {
870870
</p>
871871
</div>
872872
</div>
873-
<div className="grid grid-cols-4 gap-3 mt-3">
873+
<div className="grid grid-cols-2 sm:grid-cols-4 gap-3 mt-3">
874874
<div className="bg-dark-900 rounded-lg p-3">
875875
<p className="text-xs text-slate-400 mb-1">Hashrate</p>
876876
<p className="text-xl font-bold text-white">{totalHashrate.toFixed(1)}</p>

0 commit comments

Comments
 (0)