ClaytonWWilson/CS307-Team24
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/CS307-Team24.git synced 2025-12-16 10:18:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Modifed user.js using grid displaying

Browse Source
This commit is contained in:
Leon Liang 2019-10-03 11:46:50 -04:00
parent bac2cd7719
commit 3cbcb5054c
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
twistter-frontend/src/pages/user.js
View File

@ -7,16 +7,20 @@ import Grid from '@material-ui/core/Grid';
import Card from '@material-ui/core/Card';
import CardMedia from '@material-ui/core/CardMedia';
import CardContent from '@material-ui/core/CardContent';
import Chip from '@material-ui/core/Chip';
import Paper from '@material-ui/core/Paper';
const PostCard = styled(Card)({
background: 'linear-gradient(45deg, #1da1f2 90%)',
border: 3,
borderRadius: 3,
height:225,
height:325,
width: 345,
padding: '0 30px',
});
class user extends Component {
componentDidMount(){
//TODO: get user details
@ -24,17 +28,19 @@ class user extends Component {
}
render() {
return (
<Grid container spacing={16}>
<Grid item sm={8} xs={12}>
<p>Post</p>
</Grid>
<Grid item sm={4} xs={12}>
<PostCard>Profile here</PostCard>
<PostCard>
<CardMedia image="./no-img-png" />
<CardContent>Username</CardContent>
</PostCard>
</Grid>
</Grid>
)
);
}
}