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

More style changes to buttons

Browse Source
This commit is contained in:
Marco van Dijk 2022-03-13 01:57:39 +01:00
parent 5bca4c3d1c
commit 58935bfb70
3 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/actions/livepeer.js
View File

@ -119,7 +119,7 @@ export const getEvents = () => async dispatch => {
eventTo = ""; eventTo = "";
if (eventContainsBond) { if (eventContainsBond) {
eventDescription = eventDescription =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🚀</h3> <h3 style={{ margin: 0, padding: 0 }}>🚀</h3>
@ -141,7 +141,7 @@ export const getEvents = () => async dispatch => {
</div> </div>
} else { } else {
eventDescription = eventDescription =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🚀</h3> <h3 style={{ margin: 0, padding: 0 }}>🚀</h3>
@ -165,7 +165,7 @@ export const getEvents = () => async dispatch => {
eventType = "Unbond"; eventType = "Unbond";
eventColour = unbondColour; eventColour = unbondColour;
eventDescription = eventDescription =
<div className="row" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>❌</h3> <h3 style={{ margin: 0, padding: 0 }}>❌</h3>
@ -196,7 +196,7 @@ export const getEvents = () => async dispatch => {
eventType = "Stake"; eventType = "Stake";
eventColour = stakeColour; eventColour = stakeColour;
eventDescription = eventDescription =
<div className="row" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>⌛</h3> <h3 style={{ margin: 0, padding: 0 }}>⌛</h3>
@ -219,7 +219,7 @@ export const getEvents = () => async dispatch => {
if (eventType === "Stake" && eventDescription === "") { if (eventType === "Stake" && eventDescription === "") {
if (eventFrom === "0x0000000000000000000000000000000000000000") { if (eventFrom === "0x0000000000000000000000000000000000000000") {
eventDescription = eventDescription =
<div className="row" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>⌛</h3> <h3 style={{ margin: 0, padding: 0 }}>⌛</h3>
@ -239,7 +239,7 @@ export const getEvents = () => async dispatch => {
} else if (eventFrom === eventTo) { } else if (eventFrom === eventTo) {
eventFrom = ""; eventFrom = "";
eventDescription = eventDescription =
<div className="row" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>⌛</h3> <h3 style={{ margin: 0, padding: 0 }}>⌛</h3>
@ -258,7 +258,7 @@ export const getEvents = () => async dispatch => {
</div> </div>
} else { } else {
eventDescription = eventDescription =
<div className="row" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>⌛</h3> <h3 style={{ margin: 0, padding: 0 }}>⌛</h3>
@ -326,7 +326,7 @@ export const getEvents = () => async dispatch => {
continue; continue;
} }
const txt = const txt =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🏦</h3> <h3 style={{ margin: 0, padding: 0 }}>🏦</h3>
@ -365,7 +365,7 @@ export const getEvents = () => async dispatch => {
continue; continue;
} }
const txt = const txt =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🏦</h3> <h3 style={{ margin: 0, padding: 0 }}>🏦</h3>
@ -405,7 +405,7 @@ export const getEvents = () => async dispatch => {
const amount1 = parseFloat(eventObj.data.rewardCut) / 10000; const amount1 = parseFloat(eventObj.data.rewardCut) / 10000;
const amount2 = 100 - (eventObj.data.feeShare / 10000); const amount2 = 100 - (eventObj.data.feeShare / 10000);
const txt = const txt =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🔄</h3> <h3 style={{ margin: 0, padding: 0 }}>🔄</h3>
@ -448,7 +448,7 @@ export const getEvents = () => async dispatch => {
continue; continue;
} }
let txt = let txt =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>💰</h3> <h3 style={{ margin: 0, padding: 0 }}>💰</h3>
@ -487,7 +487,7 @@ export const getEvents = () => async dispatch => {
eventContainsReward = true; eventContainsReward = true;
const amount1 = parseFloat(eventObj.data.amount) / 1000000000000000000; const amount1 = parseFloat(eventObj.data.amount) / 1000000000000000000;
let txt = let txt =
<div className="rowAlignLeft" style={{ justifyContent: 'space-between' }}> <div className="flexContainer" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>💸</h3> <h3 style={{ margin: 0, padding: 0 }}>💸</h3>
@ -603,12 +603,12 @@ export const getTickets = () => async dispatch => {
if (eventObj.name === "WinningTicketRedeemed") { if (eventObj.name === "WinningTicketRedeemed") {
const amount = parseFloat(eventObj.data.faceValue) / 1000000000000000000; const amount = parseFloat(eventObj.data.faceValue) / 1000000000000000000;
const txt = const txt =
<div className="row"> <div className="row" style={{ justifyContent: 'space-between' }}>
<div className="strokeSmollLeft"> <div className="strokeSmollLeft">
<div className="row"> <div className="row">
<h3 style={{ margin: 0, padding: 0 }}>🎟️</h3> <h3 style={{ margin: 0, padding: 0 }}>🎟️</h3>
</div> </div>
<div className="strokeSmollLeft"> <div className="row">
<p style={{ fontSize: 'small' }}> <p style={{ fontSize: 'small' }}>
winning ticket winning ticket
</p> </p>

4
src/components/eventButton.js
View File

@ -85,9 +85,9 @@ const EventButton = (obj) => {
{eventCaller} {eventCaller}
</div> </div>
<div className="row"> <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)" }}> <div className="row" 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} {obj.eventObj.eventDescription}
</p> </div>
</div> </div>
<div className="rowAlignLeft"> <div className="rowAlignLeft">
{eventFrom} {eventFrom}

6
src/style.css
View File

@ -222,7 +222,7 @@ svg {
padding: 0; padding: 0;
margin: auto; margin: auto;
display: flex; display: flex;
align-items: flex-start; align-items: center;
justify-content: center; justify-content: center;
flex-direction: row; flex-direction: row;
width: auto; width: auto;
@ -585,13 +585,13 @@ svg {
.elipsOnMobile { .elipsOnMobile {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
max-width: 30vw; max-width: 10vw;
text-align: start; text-align: start;
} }
.elipsOnMobileExtra { .elipsOnMobileExtra {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 10em; width: 10vw;
text-align: start; text-align: start;
} }
.mobileNoPadding { .mobileNoPadding {