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

Make eventbutton wrap text better

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-08 17:42:59 +01:00
parent 2c1d3be680
commit 0e9966fc9e
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/eventButton.js
View File

@ -26,7 +26,7 @@ const EventButton = (obj) => {
eventTo = eventTo =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>To</p> <p>To</p>
<a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventTo}> <a className="selectOrch" style={{ cursor: 'alias' }} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventTo}>
<img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} />
</a> </a>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventTo) }} >
@ -41,7 +41,7 @@ const EventButton = (obj) => {
eventFrom = eventFrom =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>From</p> <p>From</p>
<a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventFrom}> <a className="selectOrch" style={{ cursor: 'alias' }} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventFrom}>
<img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} />
</a> </a>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventFrom) }} >
@ -56,7 +56,7 @@ const EventButton = (obj) => {
eventCaller = eventCaller =
<div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}> <div className="rowAlignLeft" style={{ width: '100%', margin: 0, marginLeft: '0.5em' }}>
<p>Caller</p> <p>Caller</p>
<a className="selectOrch" style={{cursor: 'alias'}} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventCaller}> <a className="selectOrch" style={{ cursor: 'alias' }} href={"https://explorer.livepeer.org/accounts/" + obj.eventObj.eventCaller}>
<img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} /> <img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} />
</a> </a>
<button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} > <button className="selectOrch" style={{ margin: 0, padding: '0.5em', cursor: 'alias' }} onClick={() => { obj.setSearchTerm(obj.eventObj.eventCaller) }} >
@ -78,17 +78,15 @@ const EventButton = (obj) => {
} }
return ( return (
<div className="stroke" style={{ width: '100%', padding: 0, margin: 0 }}> <div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '0.2em' }}>
{blockNumber} {blockNumber}
<div className="rowAlignLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, padding: 0, margin: 0 }}> <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}>
<div className="strokeSmollLeft"> {eventCaller}
{eventCaller} <p className="row withWrap" style={{ maxWidth: '600px' }}>
<p className="rowAlignLeft withWrap" style={{ width: '100%' }}> 💬 {obj.eventObj.eventDescription}
💬 {obj.eventObj.eventDescription} </p>
</p> {eventFrom}
{eventFrom} {eventTo}
{eventTo}
</div>
</div> </div>
</div> </div>
) )