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

Even better buttons

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-12 18:40:35 +01:00
parent eaa0a74973
commit 0cccbdddb5
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/BlockViewer.js
View File

@ -7,14 +7,14 @@ const Block = (obj) => {
const [thisDate, thisTime] = dateObj.toISOString().split('T');
return (
<div className="rowAlignLeft" style={{ width: '100%', marginTop: '1em' }}>
<a className="selectOrch" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={obj.url}>
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={obj.url}>
<img alt="" src="arb.svg" width="30em" height="30em" />
</a>
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://arbiscan.io/block/" + obj.block}>
<h2 style={{ margin: 0, padding: '0.2em', cursor: 'alias' }}>🔗</h2>
</a>
<span className="rowAlignRight elipsText">
<a className="selectOrch" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://arbiscan.io/block/" + obj.block}>
🔗{obj.block}
</a>
<p className="darkText">📅{thisDate} - {thisTime.split('.')[0]} </p>
<p className="darkText">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p>
</span>
</div>
)

16
src/components/eventButton.js
View File

@ -78,17 +78,23 @@ const EventButton = (obj) => {
}
return (
<div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '1.0em' }}>
<div className="stroke" style={{ width: '100%', padding: '0', margin: 0, marginBottom: '1.0em' }}>
{blockNumber}
<div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, boxShadow: "5px 8px 5px 4px " + obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}>
{eventCaller}
<div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, boxShadow: "5px 8px 5px 4px " + obj.eventObj.eventColour, padding: '0', margin: 0, width: '100%' }}>
<div className="rowAlignLeft" style={{marginTop: '0.5em'}}>
{eventCaller}
</div>
<div className="row">
<p className="row withWrap" style={{ maxWidth: '61.8%', textAlign: 'justify', padding: '0.5em', border: '0.1em solid rgba(54, 46, 46, 0.1)', boxShadow: "4px 2px 3px 2px rgba(54, 46, 46, 0.1)" }}>
💬 {obj.eventObj.eventDescription}
</p>
</div>
{eventFrom}
{eventTo}
<div className="rowAlignLeft">
{eventFrom}
</div>
<div className="rowAlignLeft">
{eventTo}
</div>
</div>
</div>
)