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

Editprofile move button positions

Browse Source
This commit is contained in:
Clayton Wilson 2019-11-03 21:10:57 -05:00
parent 38df4ef087
commit bbbfc4b750
1 changed files with 36 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
twistter-frontend/src/pages/editProfile.js
View File

@ -28,6 +28,14 @@ const styles = {
positon: "relative", positon: "relative",
marginBottom: 30 marginBottom: 30
}, },
back: {
float: "left",
marginLeft: 15
},
delete: {
float: "right",
marginRight: 15
},
progress: { progress: {
position: "absolute" position: "absolute"
} }
@ -135,7 +143,17 @@ export class edit extends Component {
return ( return (
<Grid container className={classes.form}> <Grid container className={classes.form}>
<Grid item sm /> <Grid item sm >
<Button
variant="outlined"
color="primary"
className={classes.back}
component={ Link }
to='/user'
>
Back to Profile
</Button>
</Grid>
<Grid item sm> <Grid item sm>
<Typography variant="h2" className={classes.pageTitle}> <Typography variant="h2" className={classes.pageTitle}>
Edit Profile Edit Profile
@ -154,6 +172,7 @@ export class edit extends Component {
variant="outlined" variant="outlined"
onChange={this.handleChange} onChange={this.handleChange}
fullWidth fullWidth
autoComplete='off'
/> />
</Grid> </Grid>
<Grid item sm> <Grid item sm>
@ -168,6 +187,7 @@ export class edit extends Component {
variant="outlined" variant="outlined"
onChange={this.handleChange} onChange={this.handleChange}
fullWidth fullWidth
autoComplete='off'
/> />
</Grid> </Grid>
</Grid> </Grid>
@ -185,6 +205,7 @@ export class edit extends Component {
variant="outlined" variant="outlined"
onChange={this.handleChange} onChange={this.handleChange}
fullWidth fullWidth
autoComplete='off'
/> />
<TextField <TextField
id="handle" id="handle"
@ -200,6 +221,7 @@ export class edit extends Component {
variant="outlined" variant="outlined"
onChange={this.handleChange} onChange={this.handleChange}
fullWidth fullWidth
autoComplete='off'
/> />
<TextField <TextField
id="bio" id="bio"
@ -214,6 +236,7 @@ export class edit extends Component {
variant="outlined" variant="outlined"
onChange={this.handleChange} onChange={this.handleChange}
fullWidth fullWidth
autoComplete='off'
/> />
<Button <Button
type="submit" type="submit"
@ -229,29 +252,20 @@ export class edit extends Component {
<CircularProgress size={30} className={classes.progress} /> <CircularProgress size={30} className={classes.progress} />
)} )}
</Button> </Button>
<br />
</form>
</Grid>
<Grid item sm>
<Button <Button
//variant="contained" variant="outlined"
color="primary"
className={classes.button}
component={ Link }
to='/user'
>
Back to Profile
</Button>
<br />
<Button
variant="contained"
color="secondary" color="secondary"
className={classes.button} className={classes.delete}
component={ Link } component={ Link }
to='/delete' to='/delete'
> >
Delete Account Delete Account
</Button> </Button>
</form>
</Grid> </Grid>
<Grid item sm />
</Grid> </Grid>
); );
} }