aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-10-09 22:47:56 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-10-09 22:47:56 +0300
commit2c209a3f52648653fda853614609c76019e5a7d2 (patch)
tree064d89e96299db504c9081bd7c8238871d762572
parentfcaddcd6ad8607d05279acdb87675de6180ac1cb (diff)
downloadwhich-ui-2c209a3f52648653fda853614609c76019e5a7d2.tar.gz
Add fontsize for description
-rw-r--r--debug.log1
-rw-r--r--src/components/PollCard/PollCard.tsx1
-rw-r--r--src/components/UserStrip/UserStrip.tsx90
-rw-r--r--src/containers/PollCreation/PollCreation.tsx3
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();