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

Fix homepage not being centered on smaller views

Browse Source
This commit is contained in:
Marco van Dijk 2022-05-06 17:16:08 +02:00
parent 34b7ec94f2
commit e9dc60bf3c
1 changed files with 39 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/pages/home.js
View File

@ -42,60 +42,58 @@ const Home = (obj) => {
<img alt="" src="livepeer.png" width="100em" height="100em" style={{ zIndex: 10 }} /> <img alt="" src="livepeer.png" width="100em" height="100em" style={{ zIndex: 10 }} />
</div> </div>
<div className="verticalDivider" /> <div className="verticalDivider" />
<div className="flexContainer"> <div className="stroke roundedOpaque" style={{ maxWidth: '400px' }}>
<div className="stroke roundedOpaque" style={{maxWidth: '400px'}}> <div className="verticalDivider" />
<div className="verticalDivider" /> <div className="row">
<div className="row"> <h3>Home</h3>
<h3>Home</h3> </div>
</div> <div className="row">
<div className="row"> <a href="https://github.com/stronk-dev/LivepeerEvents">
<a href="https://github.com/stronk-dev/LivepeerEvents"> <button className="waveButton">
<button className="waveButton"> <p>🧱 Source Code 🏠</p>
<p>🧱 Source Code 🏠</p>
</button>
</a>
</div>
<div className="row">
<button className="waveButton" onClick={() => {
setRedirectToGrafana(true);
}}>
<p>🚀 Orchestrator 🌑</p>
</button> </button>
</div> </a>
<div className="row"> </div>
<button className="waveButton" onClick={() => { <div className="row">
setRedirectToLPT(true); <button className="waveButton" onClick={() => {
}}> setRedirectToGrafana(true);
<p>🔎 Contract Events 🕵️</p> }}>
</button> <p>🚀 Orchestrator 🌑</p>
</div> </button>
<div className="row"> </div>
<button className="waveButton" onClick={() => { <div className="row">
setRedirectToStats(true); <button className="waveButton" onClick={() => {
}}> setRedirectToLPT(true);
<p>📈 Statistics 💰</p> }}>
</button> <p>🔎 Contract Events 🕵️</p>
</div> </button>
{/* <div className="row"> </div>
<div className="row">
<button className="waveButton" onClick={() => {
setRedirectToStats(true);
}}>
<p>📈 Statistics 💰</p>
</button>
</div>
{/* <div className="row">
<button className="waveButton" onClick={() => { <button className="waveButton" onClick={() => {
setRedirectToGraphs(true); setRedirectToGraphs(true);
}}> }}>
<p>📉 Graphs 📊</p> <p>📉 Graphs 📊</p>
</button> </button>
</div> */} </div> */}
<div className="verticalDivider" /> <div className="verticalDivider" />
<div className="row"> <div className="row">
<ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} /> <ContractPrices quotes={livepeer.quotes} blockchains={livepeer.blockchains} />
</div> </div>
{/* <div className="verticalDivider" /> {/* <div className="verticalDivider" />
<div className="row"> <div className="row">
<h3>Status</h3> <h3>Status</h3>
</div> </div>
<div className="row"> <div className="row">
<p>There was an issue with Events getting duplicated. The website might become unavailable from time to time while the issue is being fixed.</p> <p>There was an issue with Events getting duplicated. The website might become unavailable from time to time while the issue is being fixed.</p>
</div> */} </div> */}
<div className="verticalDivider" /> <div className="verticalDivider" />
</div>
</div> </div>
<div className="alwaysOnBottom showNeverOnMobile"> <div className="alwaysOnBottom showNeverOnMobile">
<div className="row"> <div className="row">