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 scaling issues

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-05 22:58:06 +01:00
parent 45eacb8d56
commit a569328044
3 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/eventViewer.js
View File

@ -70,19 +70,30 @@ const EventViewer = (obj) => {
</div> </div>
} }
let searchTermText;
if (searchTerm !== "") {
if (searchTerm.length > 15) {
searchTermText = <h3>Only showing addresses containing {searchTerm.substring(0, 15)}...</h3>
} else {
searchTermText = <h3>Only showing addresses containing {searchTerm}</h3>
}
} else {
searchTermText = <h3>Filter by Orchestrator address</h3>
}
return ( return (
<div className="stroke roundedOpaque" style={{ padding: 0, margin: 0, marginTop: '2em', position: 'absolute', bottom: 0, top: '300px', left: '0px', right: '0px', overflowY: 'auto', overflowX: 'hidden', width: '100%' }}> <div className="stroke roundedOpaque" style={{ padding: 0, margin: 0, marginTop: '2em', position: 'absolute', bottom: 0, top: '300px', left: '0px', right: '0px', overflowY: 'auto', overflowX: 'hidden', width: '100%' }}>
<div className="row"> <div className="row showNeverOnMobile">
<div className="row"> <div className="row">
{showLessBlock} {showLessBlock}
<div className="strokeSmollLeft" style={{ margin: "0", padding: 0 }}> <div className="strokeSmollLeft" style={{ margin: 0, padding: 0 }}>
<h3>Showing {maxAmount} results</h3> <h3>Showing {maxAmount} results</h3>
</div> </div>
{showMoreBlock} {showMoreBlock}
</div> </div>
<div className="row"> <div className="row">
<div className="stroke" style={{ margin: "0", padding: 0 }}> <div className="stroke" style={{ margin: "0", padding: 0 }}>
<h3>{searchTerm !== "" ? ("Only showing addresses containing " + searchTerm) : "Filter by Orchestrator address"}</h3> {searchTermText}
<input className="searchField" style={{ width: '100%' }} <input className="searchField" style={{ width: '100%' }}
value={searchTerm} value={searchTerm}
onChange={(evt) => setSearchTerm(evt.target.value)} onChange={(evt) => setSearchTerm(evt.target.value)}

2
src/livepeer.js
View File

@ -138,7 +138,7 @@ const Livepeer = (obj) => {
<div className="row" style={{ alignItems: 'stretch', height: '100%', flex: 2, padding: '0.2em' }}> <div className="row" style={{ alignItems: 'stretch', height: '100%', flex: 2, padding: '0.2em' }}>
<Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} /> <Orchestrator thisOrchestrator={thisOrchObj} rootOnly={false} />
</div> </div>
<div className="stroke metaSidebar" style={{ padding: 0, flex: 1 }}> <div className="stroke metaSidebar showNeverOnMobile" style={{ padding: 0, flex: 1 }}>
<div className="row" style={{ margin: 0, padding: 0 }}> <div className="row" style={{ margin: 0, padding: 0 }}>
<h3 style={{ margin: 0, padding: 0 }}>Smart contract prices</h3> <h3 style={{ margin: 0, padding: 0 }}>Smart contract prices</h3>
</div> </div>

2
src/style.css
View File

@ -335,7 +335,7 @@ svg {
} }
.nonHomeButton{ .nonHomeButton{
cursor: pointer; cursor: pointer;
padding: 8px; padding: 0.1em;
border: 0; border: 0;
border-radius: 20px; border-radius: 20px;
background-color: transparent; background-color: transparent;