-
-
Notifications
You must be signed in to change notification settings - Fork 5.2k
/
Aside.tsx
36 lines (33 loc) · 1.15 KB
/
Aside.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import * as React from 'react';
import { Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(theme => ({
root: {
[theme.breakpoints.up('sm')]: {
width: 200,
margin: '1em',
},
[theme.breakpoints.down('sm')]: {
width: 0,
overflowX: 'hidden',
margin: 0,
},
},
}));
const Aside = () => {
const classes = useStyles();
return (
<div className={classes.root}>
<Typography variant="h6">App Users</Typography>
<Typography variant="body2">
Eiusmod adipisicing tempor duis qui. Ullamco aliqua tempor
incididunt aliquip aliquip qui ad minim aliqua. Aute et magna
quis pariatur irure sunt. Aliquip velit consequat dolore ullamco
laborum voluptate cupidatat. Proident minim reprehenderit id
dolore elit sit occaecat ad amet tempor esse occaecat enim.
Laborum aliqua excepteur qui ipsum in dolor et cillum est.
</Typography>
</div>
);
};
export default Aside;