sendVoteBps(selectedBPs || [])}
+ userInfo={user}
+ message={ratingState}
+ onHandleClose={handleOnClose}
+ />
+ )
+
useEffect(() => {
const getData = async () => {
!blockProducers.length && (await dispatch.blockProducers.getBPs())
@@ -140,18 +165,7 @@ const AllBps = ({ ual }) => {
return (
- sendVoteBps(selectedBPs || [])}
- userInfo={user}
- message={ratingState}
- onHandleClose={() => handleOnClose()}
- />
+ {isDesktop && openDesktopVotingTool && cmprTool()}
{(shownList || []).map((blockProducer) => (
{
))}
+ {selectedBPs && selectedBPs.length > 0 && (
+
+
+
+ )}
+
+ {cmprTool()}
+
)
diff --git a/services/frontend/src/routes/block-producers/styles.js b/services/frontend/src/routes/block-producers/styles.js
index 49f61486..3a1a4a15 100644
--- a/services/frontend/src/routes/block-producers/styles.js
+++ b/services/frontend/src/routes/block-producers/styles.js
@@ -1,7 +1,9 @@
export default (theme) => ({
// index style
root: {
- position: 'relative'
+ position: 'relative',
+ maxWidth: '100%',
+ margin: 'auto'
},
compareToggleButton: {
position: 'fixed',
@@ -16,7 +18,9 @@ export default (theme) => ({
color: theme.palette.primary.main
},
wrapper: {
- padding: theme.spacing(3)
+ padding: theme.spacing(1),
+ maxWidth: '100%',
+ margin: 'auto'
},
compareTool: {
minHeight: 340,
@@ -132,13 +136,30 @@ export default (theme) => ({
showOnlyLg: {
display: 'flex',
- [theme.breakpoints.down('sm')]: {
+ [theme.breakpoints.down('xs')]: {
display: 'none'
}
},
alert: {
width: '100%',
- marginTop: theme.spacing(1)
+ marginTop: theme.spacing(1),
+ '& > div.MuiAlert-message': {
+ width: '100%'
+ }
+ },
+ alertBody: {
+ width: '100%'
+ },
+ alertActionsContainer: {
+ maxWidth: '60%'
+ },
+ closeIconButton: {
+ padding: 0,
+ verticalAlign: 'middle',
+ color: 'red'
+ },
+ detailsIconButton: {
+ padding: '0 10px'
},
// bp profile
bpAccountCircle: {
@@ -185,6 +206,17 @@ export default (theme) => ({
margin: 0
}
},
+ openBottomSheetContainer: {
+ position: 'fixed',
+ bottom: 0,
+ zIndex: 999,
+ maxWidth: '100%',
+ '& > button': {
+ backgroundColor: 'black',
+ color: 'white',
+ borderRadius: '24px 0 0 0'
+ }
+ },
links: {
textDecoration: 'none',
color: theme.palette.secondary.main,
diff --git a/services/frontend/src/routes/proxies/index.js b/services/frontend/src/routes/proxies/index.js
index bb519dd9..677a103d 100644
--- a/services/frontend/src/routes/proxies/index.js
+++ b/services/frontend/src/routes/proxies/index.js
@@ -117,7 +117,7 @@ const AllProxies = ({ ual }) => {
owner={_get(proxy, 'owner')}
title={_get(proxy, 'name')}
useRateButton={false}
- buttonLabel='View'
+ buttonLabel={t('view')}
pathLink='proxies'
showOptions={false}
/>
@@ -128,7 +128,7 @@ const AllProxies = ({ ual }) => {
className={classes.loadMoreButton}
onClick={() => hasMore && loadMore()}
>
- LOAD MORE
+ {t('loadMore')}