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