stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 10:45:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Formatting fixes

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-21 16:11:28 +01:00
parent 456f603b75
commit 5581b84ac6
5 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/OrchAddressViewer.js
View File

@ -77,7 +77,7 @@ const Address = (obj) => {
} }
return ( return (
<div className="rowAlignLeft"> <div className="row" style={{width: 'unset'}}>
<a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} > <a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} >
<img alt="" src="livepeer.png" width="20em" height="20em" /> <img alt="" src="livepeer.png" width="20em" height="20em" />
</a> </a>

4
src/components/OrchDelegatorViewer.js
View File

@ -18,7 +18,9 @@ const OrchDelegatorViewer = (obj) => {
delegators.map((delObj, idx) => { delegators.map((delObj, idx) => {
return ( return (
<div className="flexContainer forceWrap" key={"delegator" + idx}> <div className="flexContainer forceWrap" key={"delegator" + idx}>
<div className="rowAlignLeft">
<Address address={delObj.id} seed={"delegator" + idx + delObj.id} /> <Address address={delObj.id} seed={"delegator" + idx + delObj.id} />
</div>
<div className="rowAlignRight"> <div className="rowAlignRight">
<p className="darkText">{parseFloat(delObj.bondedAmount).toFixed(2)} LPT since round {delObj.startRound}</p> <p className="darkText">{parseFloat(delObj.bondedAmount).toFixed(2)} LPT since round {delObj.startRound}</p>
</div> </div>
@ -39,7 +41,7 @@ const OrchDelegatorViewer = (obj) => {
<div className="row"> <div className="row">
<h3>The selected Orchestrator has no Delegators</h3> <h3>The selected Orchestrator has no Delegators</h3>
</div> </div>
<div className="verticalDivider"/> <div className="verticalDivider" />
</div> </div>
</div > </div >
) )

10
src/components/OrchInfoViewer.js
View File

@ -95,20 +95,23 @@ const OrchInfoViewer = (obj) => {
if (thisInfo) { if (thisInfo) {
if (thisInfo.description) { if (thisInfo.description) {
ensDescription = ensDescription =
<div className="row"> <div className="stroke">
<div className="verticalDivider" />
<span>{thisInfo.description}</span> <span>{thisInfo.description}</span>
</div> </div>
} }
if (thisInfo.url) { if (thisInfo.url) {
if (!thisInfo.url.startsWith('http')){ if (!thisInfo.url.startsWith('http')) {
thisInfo.url = "https://" + thisInfo.url; thisInfo.url = "https://" + thisInfo.url;
} }
ensUrl = ensUrl =
<div className="stroke">
<a className="selectOrchLight" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={thisInfo.url} > <a className="selectOrchLight" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={thisInfo.url} >
<div className="rowAlignLeft"> <div className="rowAlignLeft">
<span>{thisInfo.url}</span> <span>{thisInfo.url}</span>
</div> </div>
</a > </a >
</div>
} }
} }
@ -119,11 +122,8 @@ const OrchInfoViewer = (obj) => {
<div className="row"> <div className="row">
<h3 >Orchestrator Info</h3> <h3 >Orchestrator Info</h3>
</div> </div>
<div className="row">
<Address address={thisID} /> <Address address={thisID} />
</div>
{ensUrl} {ensUrl}
<div className="verticalDivider" />
{ensDescription} {ensDescription}
<div className="stretchAndBetween" style={{ borderTop: '2px solid rgba(15,15,15,0.05)', marginTop: '0.2em' }} > <div className="stretchAndBetween" style={{ borderTop: '2px solid rgba(15,15,15,0.05)', marginTop: '0.2em' }} >
<Stat header={"Earned Fees"} content1={totalVolumeETH + " Eth"} content2={"$" + totalVolumeUSD} /> <Stat header={"Earned Fees"} content1={totalVolumeETH + " Eth"} content2={"$" + totalVolumeUSD} />

4
src/components/orchestratorViewer.js
View File

@ -6,7 +6,7 @@ const Orchestrator = (obj) => {
if (obj.thisOrchestrator) { if (obj.thisOrchestrator) {
if (obj.forceVertical) { if (obj.forceVertical) {
return ( return (
<div className="hostInfo sideMargin"> <div className="hostInfo sideMargin mobileNoSideMargin">
<div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}> <div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}>
<OrchInfoViewer <OrchInfoViewer
rewardCut={obj.thisOrchestrator.rewardCut} rewardCut={obj.thisOrchestrator.rewardCut}
@ -22,7 +22,7 @@ const Orchestrator = (obj) => {
) )
} else { } else {
return ( return (
<div className="hostInfo sideMargin"> <div className="hostInfo sideMargin mobileNoSideMargin">
<div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}> <div className="flexContainer" style={{ justifyContent: 'flex-start', alignItems: 'flex-start', flexDirection: 'column' }}>
<OrchInfoViewer <OrchInfoViewer
rewardCut={obj.thisOrchestrator.rewardCut} rewardCut={obj.thisOrchestrator.rewardCut}

7
src/style.css
View File

@ -679,6 +679,13 @@ svg {
.mobileNoPadding { .mobileNoPadding {
padding: 0; padding: 0;
} }
.mobileNoMargin {
margin: 0;
}
.mobileNoSideMargin {
margin-left: 0;
margin-right: 0;
}
.main-container { .main-container {
height: calc(100vh - 60px); height: calc(100vh - 60px);
} }