diff options
-rw-r--r-- | src/Feed/Feed.tsx | 4 | ||||
-rw-r--r-- | src/PollCard/PollCard.tsx | 12 |
2 files changed, 8 insertions, 8 deletions
diff --git a/src/Feed/Feed.tsx b/src/Feed/Feed.tsx index 03ba6c0..ef82b38 100644 --- a/src/Feed/Feed.tsx +++ b/src/Feed/Feed.tsx @@ -7,9 +7,9 @@ interface PropTypes { polls: Poll[], } -const usedStyles = makeStyles(() => ({ +const usedStyles = makeStyles(theme => ({ feed: { - maxWidth: 600, + maxWidth: theme.spacing(75), margin: '0 auto' } })); diff --git a/src/PollCard/PollCard.tsx b/src/PollCard/PollCard.tsx index 07449fb..27a37a2 100644 --- a/src/PollCard/PollCard.tsx +++ b/src/PollCard/PollCard.tsx @@ -14,15 +14,15 @@ interface PercentageBarPropTypes { which: 'left' | 'right'; } -const useStyles = makeStyles({ +const useStyles = makeStyles(theme => ({ root: { - maxWidth: 600, - height: 500, + maxWidth: theme.spacing(75), + height: theme.spacing(63), margin: '20px auto' }, images: { - height: 400, - width: 300 + height: theme.spacing(50), + width: theme.spacing(38) }, imagesBlock: { display: 'flex' @@ -39,7 +39,7 @@ const useStyles = makeStyles({ percentageRight: { right: 30 } -}); +})); const PercentageBar: React.FC<PercentageBarPropTypes> = ({ value, which }) => { |