diff options
author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-29 17:42:29 +0300 |
---|---|---|
committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-29 17:42:29 +0300 |
commit | b0a5c3d78d207a8bec15a7989c81384ee52c94a5 (patch) | |
tree | 46c3007f11641aafef53036ba0821fa3df46c559 /src | |
parent | 856522da17348e54b0d390f10772c21b4029e9bd (diff) | |
download | which-ui-b0a5c3d78d207a8bec15a7989c81384ee52c94a5.tar.gz |
chage clearIcon design
Diffstat (limited to 'src')
-rw-r--r-- | src/pages/FeedPage/PollSubmission.tsx | 2 | ||||
-rw-r--r-- | src/pages/FeedPage/PollSubmissionImage.tsx | 8 |
2 files changed, 5 insertions, 5 deletions
diff --git a/src/pages/FeedPage/PollSubmission.tsx b/src/pages/FeedPage/PollSubmission.tsx index 3a73d45..56c4242 100644 --- a/src/pages/FeedPage/PollSubmission.tsx +++ b/src/pages/FeedPage/PollSubmission.tsx @@ -77,7 +77,7 @@ const PollSubmission: React.FC<PropTypes> = ({ user, polls, setPolls }) => { <PollSubmissionImage which="right" setContents={setContents} contents={contents} /> </CardMedia> </Collapse> - <Button onClick={handleClick} color="primary" variant="outlined" className={classes.button}> + <Button onClick={handleClick} color="primary" variant={expanded ? "contained" : "outlined" } className={classes.button}> { !expanded ? 'Create a Poll' diff --git a/src/pages/FeedPage/PollSubmissionImage.tsx b/src/pages/FeedPage/PollSubmissionImage.tsx index e29ecd0..2dadbee 100644 --- a/src/pages/FeedPage/PollSubmissionImage.tsx +++ b/src/pages/FeedPage/PollSubmissionImage.tsx @@ -2,9 +2,9 @@ import React, { useState } from 'react'; import { makeStyles } from '@material-ui/core/styles'; import CloudUploadIcon from '@material-ui/icons/CloudUpload'; import { CardActionArea, CardMedia } from '@material-ui/core'; -import ClearIcon from '@material-ui/icons/Clear'; import UploadImage from '../../components/UploadImage/UploadImage'; import { Contents } from './types'; +import CancelOutlinedIcon from '@material-ui/icons/CancelOutlined'; interface PropTypes { contents: Contents; @@ -23,8 +23,8 @@ const useStyles = makeStyles(theme => ({ boxShadow: 'inset 0 0 10px;' }, clearIcon: { - opacity: '.4', - fontSize: 130 + opacity: '.5', + fontSize: 100 } })); @@ -67,7 +67,7 @@ const PollSubmissionImage: React.FC<PropTypes> = ({ setContents, which, contents image === '' ? <CloudUploadIcon fontSize="large" color="primary" /> : clearIconDisplay - ? <ClearIcon className={classes.clearIcon} color="primary" /> + ? <CancelOutlinedIcon className={classes.clearIcon} /> : null } </CardMedia> |