-
{t('yearlyRewards')}
-
-
- {`${formatWithThousandSeparator(stats.yearlyRewards, 0)} ${
- eosConfig.tokenSymbol
- }`}
-
-
- {`$${formatWithThousandSeparator(
- stats.yearlyRewards * stats.tokenPrice,
- 0,
- )} USD`}
-
-
+
+
+
+
+ {`${formatWithThousandSeparator(stats.yearlyRewards, 0)} ${
+ eosConfig.tokenSymbol
+ }`}
+
+
+ {`$${formatWithThousandSeparator(
+ stats.yearlyRewards * stats.tokenPrice,
+ 0,
+ )} USD`}
+
-
-
-
{t('rewardsPercentage')}
-
-
- {`${stats.percentageRewards?.toFixed(2)}%`}
-
-
+
+
+
+
+ {`${stats.percentageRewards?.toFixed(2)}%`}
+
-
+
>
)
}
diff --git a/webapp/src/routes/NonCompliantBPs/styles.js b/webapp/src/routes/NonCompliantBPs/styles.js
index b8588b15..d62e85f8 100644
--- a/webapp/src/routes/NonCompliantBPs/styles.js
+++ b/webapp/src/routes/NonCompliantBPs/styles.js
@@ -20,14 +20,7 @@ export default (theme) => ({
},
[theme.breakpoints.down('sm')]: {
flexFlow: 'row wrap',
- },
- },
- rewardsCards: {
- height: '100%',
- minHeight: '125px',
- padding: theme.spacing(4),
- '& h2': {
- fontWeight: 'bold',
+ gap: theme.spacing(2),
},
},
verticallyCenter: {
@@ -35,16 +28,10 @@ export default (theme) => ({
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
- },
- cardHeader: {
- width: '100px',
- height: 'auto',
- margin: '0px',
- flexGrow: '1',
- background: theme.palette.common.white,
[theme.breakpoints.down('sm')]: {
- width: '200px',
- },
+ minWidth: '150px',
+ minHeight: '55px',
+ }
},
bpsContainer: {
display: 'grid',
@@ -66,6 +53,7 @@ export default (theme) => ({
minHeight: '125px',
padding: theme.spacing(2),
background: theme.palette.common.white,
+ borderRadius: theme.spacing(1),
'& .MuiTypography-h6': {
display: 'flex',
},