gaspersic/solana
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: make new stats card look okay on mobile (#16132)

Browse Source
This commit is contained in:
Josh
2021-03-25 11:52:28 -07:00
committed by GitHub
parent 2aea35281e
commit a15790c9aa
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
explorer/src/pages/ClusterStatsPage.tsx
View File

@ -127,7 +127,7 @@ function StakingComponent() {
return ( return (
<div className="card staking-card"> <div className="card staking-card">
<div className="card-body"> <div className="card-body">
<div className="d-flex"> <div className="d-flex flex-sm-row flex-column">
<div className="p-2 flex-fill"> <div className="p-2 flex-fill">
<h4>Circulating Supply</h4> <h4>Circulating Supply</h4>
<h1> <h1>
@ -138,6 +138,7 @@ function StakingComponent() {
<em>{circulatingPercentage}%</em> is circulating <em>{circulatingPercentage}%</em> is circulating
</h5> </h5>
</div> </div>
<hr className="hidden-xs-up" />
<div className="p-2 flex-fill"> <div className="p-2 flex-fill">
<h4>Active Stake</h4> <h4>Active Stake</h4>
<h1> <h1>
@ -150,6 +151,7 @@ function StakingComponent() {
</h5> </h5>
)} )}
</div> </div>
<hr className="hidden-xs-up" />
{solanaInfo && ( {solanaInfo && (
<div className="p-2 flex-fill"> <div className="p-2 flex-fill">
<h4>Price</h4> <h4>Price</h4>