diff options
author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-10-09 22:47:56 +0300 |
---|---|---|
committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-10-09 22:47:56 +0300 |
commit | 2c209a3f52648653fda853614609c76019e5a7d2 (patch) | |
tree | 064d89e96299db504c9081bd7c8238871d762572 | |
parent | fcaddcd6ad8607d05279acdb87675de6180ac1cb (diff) | |
download | which-ui-2c209a3f52648653fda853614609c76019e5a7d2.tar.gz |
Add fontsize for description
-rw-r--r-- | debug.log | 1 | ||||
-rw-r--r-- | src/components/PollCard/PollCard.tsx | 1 | ||||
-rw-r--r-- | src/components/UserStrip/UserStrip.tsx | 90 | ||||
-rw-r--r-- | src/containers/PollCreation/PollCreation.tsx | 3 |
4 files changed, 48 insertions, 47 deletions
diff --git a/debug.log b/debug.log new file mode 100644 index 0000000..fbab42b --- /dev/null +++ b/debug.log @@ -0,0 +1 @@ +[1009/214654.488:ERROR:directory_reader_win.cc(43)] FindFirstFile: Системе не удается найти указанный путь. (0x3) diff --git a/src/components/PollCard/PollCard.tsx b/src/components/PollCard/PollCard.tsx index a06bad8..d68ddf9 100644 --- a/src/components/PollCard/PollCard.tsx +++ b/src/components/PollCard/PollCard.tsx @@ -44,6 +44,7 @@ const useStyles = makeStyles(theme => ({ transitionDuration: '0.5s' }, description: { + fontSize: 14, padding: theme.spacing(1, 2), wordWrap: 'break-word', whiteSpace: 'pre-wrap' diff --git a/src/components/UserStrip/UserStrip.tsx b/src/components/UserStrip/UserStrip.tsx index a837961..bdb36bd 100644 --- a/src/components/UserStrip/UserStrip.tsx +++ b/src/components/UserStrip/UserStrip.tsx @@ -1,45 +1,45 @@ -import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; -import VerifiedIcon from '@material-ui/icons/CheckCircleOutline'; -import { CardHeader } from '@material-ui/core/'; -import { User } from 'which-types'; - -import Avatar from '../Avatar/Avatar'; - - -interface PropTypes { - user: User; - info?: string | JSX.Element -} - - -const useStyles = makeStyles(theme => ({ - root: { - display: 'flex', - alignItems: 'center' - }, - verified: { - marginLeft: theme.spacing(0.5), - width: theme.spacing(2), - height: theme.spacing(2) - } -})); - - -const UserStrip: React.FC<PropTypes> = ({ user, info }) => { - const classes = useStyles(); - const { username, verified } = user; - - const avatar = <Avatar user={user} />; - - const title = ( - <div className={classes.root}> - {username} - {verified && <VerifiedIcon color="primary" className={classes.verified} />} - </div> - ); - - return <CardHeader avatar={avatar} title={title} subheader={info} />; -}; - -export default UserStrip; +import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import VerifiedIcon from '@material-ui/icons/CheckCircleOutline';
+import { CardHeader } from '@material-ui/core/';
+import { User } from 'which-types';
+
+import Avatar from '../Avatar/Avatar';
+
+
+interface PropTypes {
+ user: User;
+ info?: string | JSX.Element
+}
+
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ display: 'flex',
+ alignItems: 'center'
+ },
+ verified: {
+ marginLeft: theme.spacing(0.5),
+ width: theme.spacing(2),
+ height: theme.spacing(2)
+ }
+}));
+
+
+const UserStrip: React.FC<PropTypes> = ({ user, info }) => {
+ const classes = useStyles();
+ const { username, verified } = user;
+
+ const avatar = <Avatar user={user} />;
+
+ const title = (
+ <div className={classes.root}>
+ {username}
+ {verified && <VerifiedIcon color="primary" className={classes.verified} />}
+ </div>
+ );
+
+ return <CardHeader avatar={avatar} title={title} subheader={info} />;
+};
+
+export default UserStrip;
diff --git a/src/containers/PollCreation/PollCreation.tsx b/src/containers/PollCreation/PollCreation.tsx index 2e2bd06..2990213 100644 --- a/src/containers/PollCreation/PollCreation.tsx +++ b/src/containers/PollCreation/PollCreation.tsx @@ -14,7 +14,6 @@ import { post } from '../../requests'; import { useFeed, useProfile } from '../../hooks/APIClient'; import { useAuth } from '../../hooks/useAuth'; - const useStyles = makeStyles(theme => ({ images: { height: theme.spacing(50), @@ -25,11 +24,11 @@ const useStyles = makeStyles(theme => ({ height: 100 }, description: { + fontSize: 14, padding: theme.spacing(1, 2) } })); - const PollCreation: React.FC = () => { const [description, setDescription] = useState<string>(''); const classes = useStyles(); |