diff --git a/src/components/default/StatsPanel/StatsPanel.module.scss b/src/components/default/StatsPanel/StatsPanel.module.scss index ada5900..0eab9f5 100644 --- a/src/components/default/StatsPanel/StatsPanel.module.scss +++ b/src/components/default/StatsPanel/StatsPanel.module.scss @@ -189,10 +189,15 @@ align-items: center; gap: 8px; - > p { - font-size: 25px; - font-weight: 300; - text-align: center; + div { + display: flex; + flex-direction: column; + align-items: center; + > p { + font-size: 25px; + font-weight: 300; + text-align: center; + } } } diff --git a/src/components/default/StatsPanel/StatsPanel.tsx b/src/components/default/StatsPanel/StatsPanel.tsx index dec9697..f798a04 100644 --- a/src/components/default/StatsPanel/StatsPanel.tsx +++ b/src/components/default/StatsPanel/StatsPanel.tsx @@ -52,15 +52,15 @@ function StatsPanel(props: { visibilityInfo?: VisibilityInfo | null, fetchedInfo const { title, amount, percent, customCurrency } = props; const isAmountString = typeof amount === "string"; - + return (
{title}
{amount + (!customCurrency ? " ZANO" : "")}
+ {isAmountString + ?{amount + (!customCurrency ? " ZANO" : "")}
: amount } {percent && @@ -96,26 +96,29 @@ function StatsPanel(props: { visibilityInfo?: VisibilityInfo | null, fetchedInfo function InfoTop() { return ({zanoBurned} ZANO
+{zanoBurned}
+ZANO
+{infoHeight}
@@ -136,7 +139,7 @@ function StatsPanel(props: { visibilityInfo?: VisibilityInfo | null, fetchedInfoPoS: {posDiff}
PoW: {powDiff}
PoS: {posValue} block/day
PoW: {hashrate} GH/sec
{infoHeight}
@@ -173,7 +176,7 @@ function StatsPanel(props: { visibilityInfo?: VisibilityInfo | null, fetchedInfoPoS: {posDiff}
PoW: {powDiff}
PoS: {posValue} block/day
PoW: {hashrate} GH/sec