small address tweaks

This commit is contained in:
Marco van Dijk 2022-03-19 01:36:44 +01:00
parent 52692ec4ec
commit 0660cc6592
4 changed files with 24 additions and 31 deletions

View File

@ -61,17 +61,13 @@ const Address = (obj) => {
thisName = thisInfo.domain;
if (thisInfo.avatar) {
thisIcon =
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<div className="rowAlignLeft">
<img alt="" src={thisInfo.avatar} width="20" height="20" />
</div>
<a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src={thisInfo.avatar} width="20em" height="20em" />
</a >
} else {
thisIcon =
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<div className="rowAlignLeft">
<img alt="" src="ens.png" width="20" height="20" />
</div>
<a className="selectOrchLight" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src="ens.png" width="20em" height="20em" />
</a >
}
} else {
@ -81,10 +77,8 @@ const Address = (obj) => {
return (
<div className="rowAlignLeft">
<a className="selectOrchLight" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://explorer.livepeer.org/accounts/" + obj.address} >
<div className="rowAlignLeft">
<img alt="" src="livepeer.png" width="20" height="20" />
</div>
<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" />
</a>
{thisIcon}
<span className="elipsText elipsOnMobile">{thisName}</span>

View File

@ -114,10 +114,10 @@ const OrchInfoViewer = (obj) => {
<div className="stroke sideMargin">
<div className="verticalDivider" />
<div className="row">
<a href={thisUrl}>
<h3 >Orchestrator Info</h3>
</div>
<div className="row">
<Address address={thisID} />
</a>
</div>
{ensUrl}
{ensDescription}

View File

@ -65,12 +65,12 @@ const EventButtonAddress = (obj) => {
thisName = <h4 className="elipsText elipsOnMobileExtra">{thisInfo.domain}</h4>;
if (thisInfo.avatar) {
thisIcon =
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src={thisInfo.avatar} width="20em" height="20em" style={{ margin: 0 }} />
</a >
} else {
thisIcon =
<a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://app.ens.domains/name/" + thisInfo.domain + "/details"} >
<img alt="" src="ens.png" width="20em" height="20em" style={{ margin: 0 }} />
</a >
}
@ -81,10 +81,10 @@ const EventButtonAddress = (obj) => {
return (
<div className="rowAlignLeft" style={{ width: '100%' }}>
{thisIcon}
<a className="selectOrch" style={{ cursor: 'alias' }} rel="noopener noreferrer" target="_blank" href={"https://explorer.livepeer.org/accounts/" + obj.address}>
<a className="selectOrch" style={{ padding: '0.2em', cursor: 'alias' }} rel="noopener noreferrer" target="_blank" href={"https://explorer.livepeer.org/accounts/" + obj.address}>
<img alt="" src="livepeer.png" width="20em" height="20em" style={{ margin: 0 }} />
</a>
{thisIcon}
<button className="selectOrch" style={{ padding: '0.5em', cursor: 'pointer' }} onClick={() => { obj.setSearchTerm(obj.address) }} >
<span className="elipsText">🔎</span>
</button>

View File

@ -59,7 +59,6 @@ h2, h3, h1, h4, h5, h6 {
white-space: nowrap;
display: block;
text-overflow: ellipsis;
width: 100%;
}
p {