stronk/LivepeerEvents
1
0
Fork 0
mirror of https://github.com/stronk-dev/LivepeerEvents.git synced 2025-07-05 18:55:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

color changes

Browse Source
This commit is contained in:
Marco van Dijk 2022-04-22 21:35:30 +02:00
parent 6766a8c3a5
commit 7e1fa3c8ed
3 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MonthlyGraphs.js
View File

@ -404,6 +404,7 @@ const MonthlyGraphs = (obj) => {
border: 'none', border: 'none',
'&:hover': { '&:hover': {
color: 'black', color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.2)',
border: 'none' border: 'none'
}, },
'&': { '&': {
@ -416,6 +417,7 @@ const MonthlyGraphs = (obj) => {
border: 'none', border: 'none',
'&:hover': { '&:hover': {
color: 'black', color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.2)',
border: 'none' border: 'none'
}, },
'&': { '&': {

2
src/pages/MonthlyStats.js
View File

@ -27,6 +27,7 @@ const MonthlyStats = (obj) => {
border: 'none', border: 'none',
'&:hover': { '&:hover': {
color: 'black', color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.2)',
border: 'none' border: 'none'
}, },
'&': { '&': {
@ -39,6 +40,7 @@ const MonthlyStats = (obj) => {
border: 'none', border: 'none',
'&:hover': { '&:hover': {
color: 'black', color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.2)',
border: 'none' border: 'none'
}, },
'&': { '&': {

25
src/pages/stats.js
View File

@ -37,19 +37,21 @@ const Stats = (obj) => {
<div className="overflow-content" style={{ padding: 0 }}> <div className="overflow-content" style={{ padding: 0 }}>
<div className="flexContainer forceWrap" > <div className="flexContainer forceWrap" >
<Accordion initialItem={0} className="stroke" <Accordion initialItem={0} className="stroke"
style={{ width: '100%', alignItems: 'stretch' }} style={{
width: '100%', alignItems: 'stretch'
}}
styles={{ styles={{
item: { item: {
padding: 0, width: '100%', alignItems: 'stretch', padding: 0, width: '100%', alignItems: 'stretch',
color: 'black', color: 'black',
border: 'none', border: '1px solid rgba(56, 56, 56, 0.9)',
'&:hover': { '&:hover': {
color: 'black', color: 'black',
border: 'none' border: '1px solid rgba(56, 56, 56, 0.9)',
}, },
'&': { '&': {
color: 'black', color: 'black',
border: 'none' border: '1px solid rgba(56, 56, 56, 0.9)',
} }
}, },
itemOpened: { padding: 0, width: '100%', alignItems: 'stretch' }, itemOpened: { padding: 0, width: '100%', alignItems: 'stretch' },
@ -61,7 +63,18 @@ const Stats = (obj) => {
color: 'rgba(218, 218, 218, 0.9)', color: 'rgba(218, 218, 218, 0.9)',
padding: 0, margin: 0, height: '100%', padding: 0, margin: 0, height: '100%',
backgroundColor: 'rgba(56, 56, 56, 0.8)', backgroundColor: 'rgba(56, 56, 56, 0.8)',
boxShadow: 'inset 3px 3px 12px 2px rgba(62, 62, 104, 0.05)' boxShadow: 'inset 3px 3px 12px 2px rgba(62, 62, 104, 0.05)',
color: 'black',
border: 'none',
'&:hover': {
color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.9)',
},
'&': {
color: 'black',
backgroundColor: 'rgba(56, 56, 56, 0.8)',
border: 'none',
}
}, },
label: { label: {
color: 'rgba(218, 218, 218, 0.9)', color: 'rgba(218, 218, 218, 0.9)',
@ -70,7 +83,7 @@ const Stats = (obj) => {
boxShadow: 'inset 3px 3px 12px 2px rgba(62, 62, 104, 0.05)' boxShadow: 'inset 3px 3px 12px 2px rgba(62, 62, 104, 0.05)'
}, },
icon: { icon: {
padding: 0, margin: 0, padding: '0.2em', margin: '0.2em',
}, },
content: { content: {
padding: 0, alignItems: 'stretch', width: '100%', height: '100%', padding: 0, alignItems: 'stretch', width: '100%', height: '100%',