From b0a5c3d78d207a8bec15a7989c81384ee52c94a5 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Mon, 29 Jun 2020 17:42:29 +0300
Subject: chage clearIcon design
---
src/pages/FeedPage/PollSubmission.tsx | 2 +-
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>
--
cgit v1.2.3