diff options
| author | eug-vs <eug-vs@keemail.me> | 2020-11-15 08:41:58 +0300 |
|---|---|---|
| committer | eug-vs <eug-vs@keemail.me> | 2020-11-15 08:41:58 +0300 |
| commit | ff4196b57cc2a167eda392908ec214732b9f06fd (patch) | |
| tree | 93a83e16b3dfef95f66f42e0310095dfcca5ecde | |
| parent | c81e4232329f5aee6ddcd94674a63682720646b2 (diff) | |
| download | famcs-kit-ff4196b57cc2a167eda392908ec214732b9f06fd.tar.gz | |
feat: optimize layout for mobile
| -rw-r--r-- | package-lock.json | 6 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/containers/BsuFantomSection/EventForm.tsx | 18 | ||||
| -rw-r--r-- | src/index.tsx | 4 |
4 files changed, 19 insertions, 11 deletions
diff --git a/package-lock.json b/package-lock.json index 8f01a67..97644fc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11655,9 +11655,9 @@ } }, "react-benzin": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/react-benzin/-/react-benzin-4.0.1.tgz", - "integrity": "sha512-c98gepA1ZYfCj1lJjnLotAtSAwBdmGbM6+eOoFhaIFoyg8aigJ7yM4Jr3nZOrIUHGYdcQInD6mVz6cfkyILLZg==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/react-benzin/-/react-benzin-4.0.2.tgz", + "integrity": "sha512-5+780N87kZxTl0oCupiaUa7pmEvVkdTb/kX10Y6dvCSuVa7/m+zb9I5mXVys1M2ZRx6tJXtJy3CbZjsrvm517A==", "requires": { "@material-ui/core": "^4.11.0", "axios": "^0.21.0", diff --git a/package.json b/package.json index 17c7111..60cd0ed 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "@material-ui/icons": "^4.9.1", "lodash": "^4.17.20", "react": "^17.0.1", - "react-benzin": "^4.0.1", + "react-benzin": "^4.0.2", "react-dom": "^17.0.1", "react-scripts": "4.0.0", "swr": "^0.3.8" diff --git a/src/containers/BsuFantomSection/EventForm.tsx b/src/containers/BsuFantomSection/EventForm.tsx index de3adc7..beb94fd 100644 --- a/src/containers/BsuFantomSection/EventForm.tsx +++ b/src/containers/BsuFantomSection/EventForm.tsx @@ -38,48 +38,54 @@ const EventForm: React.FC<PropTypes> = ({ mutate }) => { return ( <Grid container spacing={2}> - <Grid item> + <Grid item sm={6} xs={12}> <TextField value={name} onChange={createHandler(setName)} variant="outlined" label="Name" + fullWidth + required /> </Grid> - <Grid item> + <Grid item sm={6} xs={12}> <TextField value={date} onChange={createHandler(setDate)} variant="outlined" label="Date" + fullWidth required /> </Grid> - <Grid item> + <Grid item sm={6} xs={12}> <TextField value={conferenceId} onChange={createHandler(setConferenceId)} variant="outlined" label="Conference ID" + fullWidth required /> </Grid> - <Grid item> + <Grid item sm={6} xs={12}> <TextField value={attendanceId} onChange={createHandler(setAttendanceId)} variant="outlined" label="Attendance ID" + fullWidth /> </Grid> - <Grid item xs={12}> + <Grid item sm={2} xs={12}> <Button onClick={handleSubmit} variant="contained" size="large" color="primary" + fullWidth > - CREATE JOB + Create event </Button> </Grid> </Grid> diff --git a/src/index.tsx b/src/index.tsx index 5155ab7..c0f8c9b 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -8,7 +8,9 @@ import { AuthProvider } from './hooks/useAuth'; const useStyles = makeStyles(theme => ({ root: { - margin: theme.spacing(4), + [theme.breakpoints.up('md')]: { + margin: theme.spacing(4) + }, padding: theme.spacing(2), minHeight: theme.spacing(60) } |