feat(webapp): correct style to RD

edenia · Nov 21, 2022 · d269054 · d269054
1 parent 1a41ab0
commit d269054
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 5 deletions.
diff --git a/webapp/src/components/InformationCard/ProducerInformation.js b/webapp/src/components/InformationCard/ProducerInformation.js
@@ -55,17 +55,17 @@ const ProducerInformation = ({ info, classes, t }) => {
         <RowUrl title={t('codeofconduct')} value={info?.code_of_conduct} />
         <RowUrl title={t('chainResources')} value={info?.chain} />
         {!!info?.otherResources?.length && (
-          <div>
+          <div className={classes.rowWrapper}>
             <dt className={classes.dt}>
               <Typography variant="body1" className={classes.textEllipsis}>
                 {t('otherResources')}
               </Typography>
             </dt>
             <ListAltIcon
-              className={classes.test}
               onClick={openPopover}
             ></ListAltIcon>
             <Popover
+              className={classes.shadow}
               open={Boolean(anchor)}
               onClose={() => setAnchor(null)}
               anchorEl={anchor}

diff --git a/webapp/src/components/InformationCard/styles.js b/webapp/src/components/InformationCard/styles.js
@@ -262,7 +262,13 @@ export default (theme) => ({
   infoIcon: {
     cursor: 'pointer',
   },
-  test: {
-    backgroundColor: 'red !important'
+  dt:{
+    maxWidth: 90
+  },
+  shadow:{
+    '& .MuiPaper-root': {
+      boxShadow: '0px 1px 3px 1px rgba(0, 0, 0, 0.15)',
+      padding: theme.spacing(1),
+    },
   }
 })
diff --git a/webapp/src/routes/RewardsDistribution/index.js b/webapp/src/routes/RewardsDistribution/index.js
@@ -162,7 +162,7 @@ const RewardsDistribution = () => {
       aria-haspopup="true"
     >
       <Popover
-        className={classes.root}
+        className={classes.shadow}
         onMouseEnter={handlePopoverOpen}
         onMouseLeave={handlePopoverClose}
         sx={{

diff --git a/webapp/src/routes/RewardsDistribution/styles.js b/webapp/src/routes/RewardsDistribution/styles.js
@@ -76,4 +76,10 @@ export default (theme, lowestRewardsColor, highestRewardsColor) => ({
       display: 'flex',
     },
   },
+  shadow:{
+    '& .MuiPaper-root': {
+      boxShadow: '0px 1px 3px 1px rgba(0, 0, 0, 0.15)',
+      padding: theme.spacing(1),
+    },
+  }
 })